微信小程序启动加载应该如何优化?
作者:上海网站优化 日期:2020-02-24

在小程序启动时,微信会在背后完成几项工作:下载小程序代码包、加载小程序代码包、初始化小程序首页。

 

初始化小程序环境是微信环境做的工作,我们只需要控制代码包大小,和通过一些相关的缓存策略控制,和资源控制,逻辑控制,分包加载控制来进行启动加载优化。

 

勾选开发者工具中, 上传时压缩代码(若采用wepy高级版本,自带压缩,请按官网文档采取点击)

 

精简代码,去掉不必要的WXML结构和未使用的WXSS定义。

 

减少在代码包中直接嵌入的资源文件。(比如全国地区库,微信有自带的,在没必要的时候,勿自用自己的库)

及时清理无用的资源(js文件、图片、demo页面等)

 

压缩图片,使用适当的图片格式,减少本地图片数量等

 

如果小程序比较复杂,优化后的代码总量可能仍然比较大,此时可以采用分包加载的方式进行优化,分包加载初始化时只加载首评相关、高频访问的资源,其他的按需加载。

 

提前做异步请求,页面最好在onLoad时异步请求数据,不要在onReady时请求

 

启用缓存数据策略,请求时先展示缓存内容,让页面尽快展示,请求到最新数据之后再刷新

 

避免白屏,使用骨架屏等。