小程序性能与体验优化

性能优化的点

• 合理设置可点击元素的响应区域大小
• 避免渲染页面耗时过长
• 避免执行脚本耗时过长
• 对网络请求做必要的缓存以避免多余的请求
• 不要引用未被使用的wxss样式
• 文字颜色与背景搭配较好，适宜的颜色对比度更方便用户阅读
• 所有资源请求建议使用HTTPS
• 不适用废弃接口
• 避免过大的wxml节点数目：（1）一个页面少于1000个wxml节点（2）节点树深度少于30层（3）子节点树不大于60
• 避免将不可能被访问到的页面打包在小程序包中
• 及时回收定时器
• 避免使用：active等伪类来实现点击态
• 滚动区域可开启惯性滚动以增强体验，安卓端是默认开启的，IOS需要手动设置开启（IOS端：-webkit-overflow-scrolling:touch）
• 避免出现任何JavaScript异常
• 所有请求应响应正常
• 所有请求的耗时不应该时间太久
• 避免短时间内发起太多的图片请求
• 避免短时间内发起太多的请求

关于setdata

• 避免setdata的数据过大（不超过1024kb）
• 避免setdata的调用过于频繁
• 避免未绑定的WXML的变量传入setdata

检查

小程序的调试器中的Audits就是用于检测小程序性能。

在启动后，并不会自动检测，需要我们去手动点击每一个功能去进行检测

自动检测：点击详情——勾选自动运行体验评分