性能优化的点
- 合理设置可点击元素的响应区域大小
- 避免渲染页面耗时过长
- 避免执行脚本耗时过长
- 对网络请求做必要的缓存以避免多余的请求
- 不要引用未被使用的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
就是用于检测小程序性能。
在启动后,并不会自动检测,需要我们去手动点击每一个功能去进行检测
自动检测:点击详情——勾选自动运行体验评分