小程序怎么实现预加载

框架优缺点

优点：

预加载下一个页面的数据，提高了页面的加载速度，轻量级的协议（200~300ms左右就能接收到数据）能轻松让小程序页面打开后数据瞬间加载，几乎不出现空页面。

让同种业务的代码保持在一个类中，不会破坏项目结构。

代码量非常少，对原本业务影响非常少。

实现预加载后想删掉预加载？只需在实现的类中删除一个字符串即可。

缺点：

代码侵入高，需要按情况替换setData为$setData

需要开发者非常清楚各情况下的上下文是什么。

协议非常耗时，达到400ms以上的，使用这种优化方式就不明显了。

1、提高页面的加载速度：

从页面响应用户点击行为，开始跳转，到新页面onload事件触发，延迟大概在100-300ms之间。我们可以利用这段时间，预先发起新页面所需要的网络请求

2、用户行为预测：

在某些场景下，用户的行为可以预测，我们可以在用户还没点击的时候就预加载下个页面的数据。让下个页面秒开，进一步提升体验的流畅性。

3、减少默认的data的大小

4、组件化方案：

基类做的事情，就是把组件对象的属性和方法复制到Page对象上（浅拷贝）

5、

微信小程序image组件中的bindload不触发问题

原因分析

        做小程序图片预加载功能的时候，发现切换页面后总是停留在预加载的图片上，多次调试后发现，是因为图片第一次加载的时候可以正常触发bindload，但是刷新之后图片有缓存，就不会再执行bindload了。

解决办法

解决方法是前端加载图片url的时候，在后面加一串随机数，这样小程序每次都会认为是新图片，不会有缓存

链接：https://www.jianshu.com/p/1b523bfb45aa

---