139-8950-0275

绍兴云远网络热线
首页 >> 小程序 >>小程序专业知识 >> 一行代码能做啥?启动速度就靠它!-绍兴响应式网站建设制作开发为你呈现
详细内容

一行代码能做啥?启动速度就靠它!-绍兴响应式网站建设制作开发为你呈现

时间:2022-07-08     作者:绍兴微信小程序开发【转载】   来自:微信派

小程序启动速度与用户体验紧密关联。小程序 “秒开” 的丝滑体验能够满足用户需求;相反较长的启动时间容易造成用户流失,最终影响小程序业务。



为助力开发者提升小程序启动速度,小程序团队支持 按需注入 配置能力。仅需一行代码,即可高效配置,快速提升小程序启动速度,提升用户体验。


image.png

一行代码 开发更简单


按需注入接入过程很简单!仅需在全局配置 app.json 中编写以下代码,成功添加配置即可实现注入过程。



按需注入 原理很简单


为什么一行代码一个配置即可实现小程序速度提升?


影响小程序启动耗时主要有 2 个原因:一是代码包下载,二是代码注入。注入的代码量与内存占用、注入耗时呈正相关。因此代码量越大,启动耗时越多。在这种情况下,按需注入代码能够有效减少启动耗时和内存占用。


开启按需注入前

在不开启按需注入的时候,小程序的代码编译由渲染层和逻辑层组成,将渲染层所有的 wxml 、wxss 文件都编译到渲染层的 page-frame.js 中,将逻辑层所有的 js 文件都编译到逻辑层的 app-service.js 中。


在代码注入时,渲染层注入 page-frame.js,逻辑层注入 app-service.js。由于每个页面使用的代码并不是全部的小程序代码,所以一些没有用到的代码被注入会造成浪费,也影响页面启动时间。


开启按需注入后


按需注入将小程序的代码大致分为两类:


  • 公共代码:无论哪个页面都要用到的代码
  • 自定义组件代码:每个页面、自定义组件各自的代码



开启按需注入之后,编译还是会按渲染层和逻辑层区分,不同的是编译会变得更细粒度:


  • 所有的公共代码会编译成公共 js
  • 渲染层的 wxml 、wxss 公共代码编译成 webview.app.js
  • 渲染层公共 js 代码编译成 appservice.app.js
  • 每个自定义组件也是同样的编译成 component.webview.js 、component.appservice.js


按需注入的编译结果输出后,小程序代码注入只需要用到该页面需要的公共代码及自定义组件代码。因此注入的代码量变小,小程序启动速度变得更快!



-----------


小程序启动速度直接影响用户对小程序的第一体验。开发者仅需编写一行代码,即可快速配置按需注入,提升小程序启动速度。码下 按需注入使用指南,开启小程序丝滑的打开体验!


如有其他小程序应用相关的问题,可在 微信开放社区小程序交流专区 发帖互动,技术专员将为大家解答及进行深度交流。

技术支持: 杭州云远科技有限公司 | 管理登录
seo seo