微信小程序-性能与体验优化

• 合理设置可点击元素的影响区域大小
• 避免渲染页面耗时过长
• 避免执行脚本耗时过长

 

• 对于网络请求做必要的缓存以避免多余的请求
• 不要引入未被使用的wxss样式
• 文字的颜色与背景色搭配  一般美工都给设计好了

 

• 所有资源请求建议使用https
• 不使用废弃接口
• 避免过大的WXML节点数目

1. 一个页面少于1000个WXML节点
2. 节点树深度少于30层
3. 子节点树不大于60个

• 避免将不可能被访问到的页面打包到小程序里
• 及时回收定时器
• 避免使用：active伪类来实现点击态

 

• 在滚动 区域可开启惯性滚动增强体验  在IOS上：-webkit-overflow-scrolling:touch      安卓上默认有
• 避免出现任何JavaScript异常
• 所有请求响应正常

 

• 所有请求的耗时不应太久
• 避免短时间内发起太多图片请求
• 避免短时间内发起太多请求

 

 

　　setData优化

• 避免setData的数据过大  不超过1M
• 避免setData的调用过于频繁
• 避免将未绑定在WXML的变量传入setData