小程序性能优化

优化点

1. 利用wxs提升性能。
2. 更新界面减少传输数据量。
3. 官方优化建议

 

1 利用wxs优化运行速度

前言

小程序在Android上，使用V8引擎解析和渲染 JavaScript; 而在iOS上，则是使用 JavaScriptCore，这两者在解析性能的表现上差异比较大，相对来说 V8 的性能比 JSC 要好得多，那么在 IOS 的小程序中，使用脱离 JavaScript 环境的 WXS，就会使性能有更多的提升，这也是WXS文档中提及 “在 iOS 设备上小程序内的 wxs 会比 javascript 代码快 2 ~ 20 倍” 的具体原因。

format.wxs代码为

 

2 更新界面减少传输数据量。

    核心是只更新需要更新的那条数据，而非整条listData全部更新。

utils.js

3其他

分页加载，图片使用懒加载，减少大图片的使用，分包等

 

上述1，2优化方法的Demo代码片段