小程序webview跳转小程序页面_微信小程序性能优化方案——让你的小程序如此丝滑...

作者：雾豹链接：juejin.im/post/5bdbc28e51882516eb55dd1d

  今天给大家推荐是小程序中的可优化的技巧，记得一定要看完，和其中的细节部分

微信小程序如果想要优化性能，有关键性的两点：

1. 提高加载性能

2. 提高渲染性能

接下来分别来介绍一下：

提高加载性能

首先，问一个问题，当用户点击小程序后发生了什么？

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

有三个点的白屏(左侧)：下载代码包的阶段

没有三个点的白屏(中间)：业务代码注入和渲染的阶段

加载中(右边)：业务代码中异步请求数据

总的来说，小程序呈现到用户面前，实际上经历了下面两个阶段：

1. 运行环境的加载

2. 下载代码包

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

运行环境预加载

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

下载代码包启动小程序

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