小程序在首次启动前,微信会在小程序启动前为小程序准备好通用的运行环境,如运行中的线程和一些基础库的初始化。在进入启动状态时,微信需要完成几项工作:下载小程序代码包、加载小程序代码包、初始化(渲染)小程序首页。所以,我们可以从加载、渲染两个维度去提高应用速度:
加载
1. 控制小程序包的大小
- 勾选开发者工具中“上传代码时,压缩代码”选项
-
及时清理无用的代码和资源文件
-
减少资源包中的图片等资源的数量和大小
2. 采用分包加载
将用户访问率高的页面放在主包里,访问率低的页面放在子包里,按需加载;当用户点击到子包页面时,由于也会有代码包的下载,所有会有卡顿的情况出现,那么我们子包可以采用预加载的技术,不需要等到用户点击到子包页面后再下载子包。
渲染
1. 预加载网络请求的数据
描述现象:
如果小程序打开新页面时需要通过网络请求从接口中获取所用数据,在请求完之前页面都会因为没有数据而呈现一片空白。
解决方案:(方案分为三种,最后一种为预加载方式)
1)先使用从缓存中取出上一次数据,等到请求结束后再使用请求得到的数据。
2)在加载时显示骨架屏(骨架屏:在页面尚未加载前展示出来的大致结构)。