微信小程序 小程序性能优化常用的几种方法

小程序性能优化

提升小程序的性能可以从两个关键点入手：加载性能、渲染性能。

1 提升加载性能

1.1 控制包的大小

• 压缩代码，清理无用的冗余代码
• 图片放在CDN
• 采用分包策略
  • 分包预加载
  • 独立分包

1.2 优化异步请求

• 尽量选择在onLoad周期函数中发起请求。
• 把请求结果放入缓存中，留待后用。
• 请求中先展示骨架图。
• 先反馈出静态页面效果，再请求数据。

2 提升渲染性能

2.1 减少setData的数据量

• 因为每次setData的调用，都是逻辑层向渲染层的一次通讯，而且是通过走了native层，开销很大。
• 渲染层接收到数据，视图要重新渲染。
• 每次调用setData的总的开销为：通信的开销 + webview更新的开销。
• 在数据传输时，逻辑层会调用JSON.stringify来去除掉setData中不可传输的部分；还会与data合并，供开发者使用this.data调用数据。
• 所以：若某数据不需要渲染到视图层，则不必要放入setData中。

2.2 及时销毁本页面用不到的资源占用

• 当页面跳转时，可能前一个页面的某些定时