小程序性能优化

177 阅读1分钟

参考:developers.weixin.qq.com/miniprogram…

一:性能的两大主题

  • 启动性能: 让用户能够更快的打开并看到小程序的内容
  • 运行时性能:保障用户能够流畅的使用小程序的功能

二:启动性能优化

1.代码报体积优化

1.1 合理使用分包加载

  • 独立分包
  • 分包预下载
  • 分包异步化

1.2 避免非必要的全局自定义组件和插件

全局引入的组件和插件,会增加主包的大小,解决方法如下:

  • 如果自定义组件只在某个分包的页面中使用,应定义在页面的配置文件中
  • 如果插件只在某个分包的中使用,请仅在分包中引用插件
  • 全局引入的自定义组件会被认为是所有分包、所有页面都需要的,会影响「按需注入」的效果和小程序代码注入的耗时。

1.3 控制代码包内的资源文件

图片、音频、视频、字体等资源文件会占用较多代码包体积,可以把该类文件部署在CDN上,使用URL引入

1.4 及时清理无用代码和资源

2. 代码注入优化

  • 2.1 使用按需注入
  • 2.2 使用用时注入
  • 2.3 启动过程中减少同步 API 的调用
  • 2.4 避免启动过程进行复杂运算

3.首屏渲染优化