为什么要提高小程序的加载速度?
小程序首次启动前,微信会在小程序启动前为小程序准备好通用的运行环境 然后才开始进入启动状态,展示一个固定的启动界面,界面内包含小程序的图标、名称和加载提示图标。此时,微信会在背后完成几项工作:
1.下载小程序代码包
2.加载小程序代码包
3.初始化小程序首页
解决办法:
控制代码包的大小:
(1)代码包的体积压缩可以通过勾选开发者工具中“上传代码时,压缩代码”选项
(2)及时清理无用的代码和资源文件
(3)减少资源包中的图片等资源的数量和大小
(4)还图片尽量使用网络路径上传
分包加载 预加载:将用户访问率高的页面放在主包里,将访问率低的页面放入子包里,按需加载;采用子包预加载技术,并不需要等到用户点击到子包页面后在下载子包
预请求:请求可以在页面onLoad就加载,不需要等页面ready后在异步请求数据;尽量减少不必要的https请求,可使用 getStorageSync() 及 setStorageSync() 方法将数据存储在本地
避免不当的使用setData:不要过于频繁调用setData,应考虑将多次setData合并成一次setData调用
使用自定义组件:对于一些独立的模块我们尽可能抽离出来,这是因为自定义组件的更新并不会影响页面上其他元素的更新 各个组件也将具有各自独立的逻辑空间。每个组件都分别拥有自己的独立的数据、setData调用