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

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

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

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

推荐阅读更多精彩内容

  • 优化主要体现在几个方面 合理设置可点击元素的响应区域大小,比如按钮,按钮太小会导致用户点击失败,体验是很差的。 避...
    泡杯感冒灵阅读 422评论 0 1
  • 历史回顾: 微信小程序自定义组件 - 表格组件来啦 通过微信小程序来实现 “钉钉打卡” 记一次微信小程序项目分包,...
    尤小小阅读 2,885评论 0 2
  • 在目前小程序开发的时候我们需要注意的点: 1.小程序针对非空,undefined情况需要想好处理,避免出现任何 J...
    爱吃土豆丝杉杉阅读 2,500评论 0 1
  • 8-1 微信小程序渲染层和逻辑层的交互原理 网页开发和小程序开发的渲染层和逻辑层之间的比较: dom操作就是doc...
    定一阅读 552评论 0 0
  • 久违的晴天,家长会。 家长大会开好到教室时,离放学已经没多少时间了。班主任说已经安排了三个家长分享经验。 放学铃声...
    飘雪儿5阅读 7,599评论 16 22