微信小程序之性能优化

现在在众多的应用中,项目性能是老生常谈的话题了,高性能的用户体验才能更好的吸引和留住用户,下面说说在小程序中的一些性能优化的方法:

1、控制项目包大小:小程序代码包大小不能超过2M,所以控制代码包大小尤为重要,减小项目代码包的措施有

  1).清理无用代码

  2).采用分包策略

  3).压缩图片,使用适当图片格式

  4).精简代码,去掉不必要的WXML结构和未使用的WXSS定义

2、图片优化

 

  1).大图尽量存储在服务器端或者使用云存储进行链接式加载

  2).多图片可采用懒加载方案

3、内存优化

  1).离开页面时回收当前页面的定时器,释放内存资源

  2).onPageScroll 事件回调必须使用节流函数,并在它的回调中避免使用 setData。部分场景尽量使用 IntersectionObserver API。

4、提升渲染性能

  1).在进入页面就显示的数据可在onLoad 阶段就可以发起请求,不用等ready

  2).请求结果放在缓存中, 下次接着用

  3).减少setData次数

  4).合并setData请求,减少通讯次数

  5).列表的局部更新可采用setData进行局部刷新方法

  6).使用自定义组件加载

  7).合理使用wx:if和hidden

 

 

by:fym

微信小程序之性能优化

上一篇:【hihoCoder】1082: 然而沼跃鱼早就看穿了一切


下一篇:小程序的tab切换和上拉加载下拉刷新swiper swiper-item scroll-view