磁盘空间不足。 磁盘空间不足。 微信小程序性能怎么去优化?
新闻中心
地址:天河区中山大道中379号联合社区2栋208单元
电话:4008400615 (8:30--18:00)
邮箱 :2410233386@qq.com

微信小程序性能怎么去优化?

* 来源: * 作者: admin * 发表时间: 2019-02-28 19:32:12 * 浏览: 22

通常来说,微信小程序如果想要优化性能,关键有两方面:

提高加载性能

提高渲染性能

分别为大家介绍一下:

提高加载性能,模拟一个场景,当用户点击小程序后,程序是如何运作的?

上图中的三个状态,我们经常遇到,它们分别对应小程序的下面三个状态:

  有三个点的白屏(左侧);下载代码包的阶段没有三个点的白屏(中间); 业务代码注入和渲染的阶段加载中(右边); 业务代码中异步请求数据

  总的来说,小程序从点击后到呈现内容给用户面前,实际上经历了两个阶段:

运行环境的加载

下载代码包


  下面具体介绍这两个阶段:

运行环境预加载

  这步骤是微信提供的,微信会在用户打开小程序之前就已经准备好环境,用户点击小程序入口后,直接下载小程序的代码包即可。


下载代码包启动小程序

  小程序代码包里面的代码,不是小程序的源代码,而是编译、压缩、打包之后的代码包。


  小程序提供的运行环境,分为逻辑层(AppService)和 视图层(webView),逻辑层是执行javascript的地方,视图层是渲染页面的地方。当小程序的代码包下载完毕后,业务代码分别注入逻辑层和渲染层。

提升加载性能的最最最关键性一点是,控制包的大小,这个也是微信官方的说法。



控制包的大小

提升小程序性能优化体验最直接的方法是控制小程序包的大小。

控制包的大小的措施:

压缩代码,清理无用的代码

图片放在cdn

采用分包策略

分包预加载

独立分包(版本要求有点高)


除了上面讲的控制包的大小,对异步请求的优化也很重要。

对异步请求的优化

onLoad 阶段就可以发起请求,不用等ready

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

请求中可以先展示骨架图

先反馈,再请求。比如说,点赞