lightning load project

lightning-load-project

小程序性能优化之页面预加载框架

介绍

之前看到一篇文章，《微信小程序之提高应用速度小技巧》，是讲如何实现小程序在触发页面跳转前就请求协议，利用跳转页面的短短200~300ms的时间，获取到数据并渲染到新页面上，实现数据在小程序页面中预加载。这种技术，可以缩短用户的等待时间，极大的提升用户的使用体验。但是那篇文章中只是讲述了技术原理，并没有实际教大家如何编写，所以我编写了这个页面预加载框架。

框架优缺点

优点：

• 预加载下一个页面的数据，提高了页面的加载速度，轻量级的协议（200~300ms左右就能接收到数据）能轻松让小程序页面打开后数据瞬间加载，几乎不出现空页面。
• 让同种业务的代码保持在一个类中，不会破坏项目结构。
• 代码量非常少，对原本业务影响非常少。
• 在小程序初始化时便注入了预加载，未实现预加载的页面会自动跳过。
• 实现预加载后想删掉预加载？只需在实现的类中删除一个字符串即可。

缺点：

• 代码侵入高，需要按情况替换setData为$setData
• 需要开发者非常清楚各情况下的上下文是什么。
• 协议非常耗时，达到400ms以上的，使用这种优化方式就不明显了。

使用该技术的项目

LINK

集成方式文档

技术原理文档

LICENSE

感谢这篇文章提供的思想： 微信小程序之提高应用速度小技巧