微信小程序性能和体验优化

性能优化
  • 避免setData太频繁或数据太大
  • 减少http请求
    1. iconfont、base64减少图片请求
    2. 使用缓存
  • 避免短时间发起太多 http请求
  • 不要引入未被使用的文件
    1. 不再使用的wxss或demo文件
  • 及时回收定时器
    1.在小程序中定时器是不会随着页面销毁而自动销毁，所以要手动清除定时器
  • 未绑定在wxml的变量 不要放入data
  • 避免过大的wxml节点数目
    1. 比如列表页面，不要一次性加载出一百多个数据，而是使用滚动到底部分页加载
体验优化
  • 合理设置可点击元素的响应区域大小
  • 不使用废弃接口
  • 请求尽量都使用https
检测小程序

可以利用开发工具Audits检测小程序，并根据建议进行适当的优化

最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容

  • 小程序性能与体验优化
    优化主要体现在几个方面 合理设置可点击元素的响应区域大小，比如按钮，按钮太小会导致用户点击失败，体验是很差的。 避...
    泡杯感冒灵阅读 411评论 0赞 1
  • 小程序性能和体验优化方法
    本文被微信开发社区周刊收录 小程序应避免出现任何 JavaScript 异常 出现 JavaScript 异常可能...
    杨越Yul阅读 9,436评论 0赞 6
  • 微信小程序性能优化实践
    历史回顾： 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包，...
    尤小小阅读 2,839评论 0赞 2
  • 小程序性能注意的点
    在目前小程序开发的时候我们需要注意的点： 1.小程序针对非空，undefined情况需要想好处理，避免出现任何 J...
    爱吃土豆丝杉杉阅读 2,485评论 0赞 1
  • 微信小程序知识点
    8-1 微信小程序渲染层和逻辑层的交互原理 网页开发和小程序开发的渲染层和逻辑层之间的比较： dom操作就是doc...
    定一阅读 541评论 0赞 0