一种小程序弱网离线优化的思路

作者：孙然(煮虾)

当我遇到弱网......

• 电梯中查看钉钉日程详情，但打不开，得走进办公室连上 WiFi，重新操作一遍打开日程
• 走出办公楼一段距离了，依然连接着公司 WiFi，但信号极弱，又不能自动切换到4G，钉钉里工作台打不开，还得手动把网络设置为4G才能接着使用
• ……

弱网下的三级用户体验

诚然，要想在弱网下也让移动 App 做到和强网一样的体验是极为困难的，但用户对弱网下的可用性其实是有合理预期的。如果当前没有联网，用户不会指望能拉取到最新的内容；但如果一个功能仅依赖本地数据，并不依赖网络，用户则希望能在弱网下至少能打开。

不同业务页面的弱网表现会给用户带来不同的体验感受。这里，我们把弱网离线下好与坏的体验分成了可打开、可查看、可提交三个级别，用户体验逐级递增：

小程序的三层弱网离线优化模型

在小程序已经被各种业务广泛使用的现状下，针对于小程序，我们提出了三个层面的弱网离线优化思路。

资源

资源的离线可用主要包括小程序离线包和图片两个方面。它们是小程序界面渲染的最基本要素。做到它们的资源离线可用后，