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

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

  setData优化

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

猜你喜欢

转载自www.cnblogs.com/lxz-blogs/p/12703745.html