微信小程序性能优化实用建议

微信小程序出来这么久了，我也搞过几个项目，总结就是小程序不适合做复杂的内容，不能用过多的动画，否则就是卡卡卡...

下面是我实践过程中体会到可以真实优化的一些点，大家随意看看～

 

小程序优化：

• 减少节点数，提升渲染性能
• 大数据前置页面预加载
• 减少setData的使用，避免更新后台页面的data数据
• 减少data数据大小，删除无用的字段，一次data数据设置存在上限
• 减少本地图片资源，改用网络图片
• 网络图片资源使用云裁剪压缩，只下载当前显示大小
• 较少使用的页面使用分包，提升加载速度
• 采用分包预下载，提升分包页面打开速度
• 能用GIF图片就不要使用动画

 

JS优化：

• 避免使用with
• 定时器使用setInterval代替setTimeout，setInterval共用计时器，setTimeout会单独计时
• 一个函数中尽量将全局对象存储为局部变量来查找
• 字符串连接，少用+=

 

参考：

https://blog.csdn.net/qq_36251118/article/details/78518850

https://blog.csdn.net/wetest_tencent/article/details/61196522

https://blog.csdn.net/i10630226/article/details/81042421

https://blog.csdn.net/lululul123/article/details/76167861