如何有效提升小程序运行速度，解决响应缓慢的问题？

本文共计2214个文字，预计阅读时间需要9分钟。

目标：解决小程序响应速度慢，用户体验差的难题。学习视频分享：（编程视频）优化方法如下：

1.提高页面加载速度

2.在小程序这个环境下，如何提高页面加载速度？

目的：

解决小程序响应速度慢，用户体验差的问题。

（学习视频分享：编程视频）

优化方法如下：

1、提高页面加载速度

在小程序这个环境下，怎样提高页面加载速度呢？ 这个问题很大，我把问题具体一下，如何缩短从用户点击某个链接，到打开新页面的这段时间？ 这里抛一个核心关键点：

从页面响应用户点击行为，开始跳转，到新页面onload事件触发，存在一个延迟，这个延迟大概在100-300ms之间（安卓响应比ios慢些）。

这个延迟说短不短，我们可以利用这段时间，预先发起新页面所需要的网络请求。这样一来，就节省了100-300ms（或者一个网络请求的时间）。

知道有这个gap后，代码如何实现呢？

说白了，就是实现一个在A页面预加载B页面数据的功能。但而这种跨页面的调用，很容易把逻辑搞复杂，将不同页面的逻辑耦合在一起。所以，我们希望将预加载的逻辑隐藏于无形中，不增加任何的页面间耦合，以及开发复杂度。

下面以腾讯视频小程序为例，讲解下技术实现。

小程序首页：

当用户点击海报图后，会执行以下代码（就一行）：

接下来程序会加载播放页：

播放页主要代码：

可以看到，不管是外部页面的调用还是实际逻辑的实现都非常简洁。在第二个页面中，我们扩展了Page的生命周期函数，增加了onNavigate方法。该方法在页面即将被创建但还没开始创建的时候执行。

老司机也许会发现这里有点蹊跷。