如何进行小程序预加载数据实战操作?
- 内容介绍
- 文章标签
- 相关推荐
本文共计1011个文字,预计阅读时间需要5分钟。
最近抖音上一个很火的摸鱼办提醒,展示各种假期的倒计时,收集了许多打工人的追逐。当时我就想,可以把它写成一个小程序,动态展示时间和倒计时,其中倒计时数据来自“
小程序延迟效果最近抖音很火的一个摸鱼办提醒,提示各个假期的倒计时间,收到了很多打工人的追捧。当时我就想到可以把这个界面写成一个小程序,动态的展示时间和倒计时,其中倒计时数据是从服务端获得,需要加载时间,导致页面延迟加载,体验效果差。
假期倒计时的界面大体如下:
上下部分都是固定的,中间每个节假日都是从服务端动态获取数据,所以会出现节假日倒计时延迟加载的情况:
可以看出,页面加载时,中间的节假日会出现延迟渲染的情况,为了解决这个问题,需要用到小程序的数据预拉取。
解决方案:数据预拉取小程序为了提升打开速度,添加了数据预拉取的功能。
开启数据预拉取预拉取能够在小程序冷启动的时候通过微信后台提前向第三方服务器拉取业务数据,当代码包加载完时可以更快地渲染页面,减少用户等待时间,从而提升小程序的打开速度 。
登录小程序的管理后台,进入开发管理 -> 开发设置 -> 数据预加载。
文档显示填写数据下载地址,实际是从云函数获取数据。
本文共计1011个文字,预计阅读时间需要5分钟。
最近抖音上一个很火的摸鱼办提醒,展示各种假期的倒计时,收集了许多打工人的追逐。当时我就想,可以把它写成一个小程序,动态展示时间和倒计时,其中倒计时数据来自“
小程序延迟效果最近抖音很火的一个摸鱼办提醒,提示各个假期的倒计时间,收到了很多打工人的追捧。当时我就想到可以把这个界面写成一个小程序,动态的展示时间和倒计时,其中倒计时数据是从服务端获得,需要加载时间,导致页面延迟加载,体验效果差。
假期倒计时的界面大体如下:
上下部分都是固定的,中间每个节假日都是从服务端动态获取数据,所以会出现节假日倒计时延迟加载的情况:
可以看出,页面加载时,中间的节假日会出现延迟渲染的情况,为了解决这个问题,需要用到小程序的数据预拉取。
解决方案:数据预拉取小程序为了提升打开速度,添加了数据预拉取的功能。
开启数据预拉取预拉取能够在小程序冷启动的时候通过微信后台提前向第三方服务器拉取业务数据,当代码包加载完时可以更快地渲染页面,减少用户等待时间,从而提升小程序的打开速度 。
登录小程序的管理后台,进入开发管理 -> 开发设置 -> 数据预加载。
文档显示填写数据下载地址,实际是从云函数获取数据。

