CDN资源预加载

基础库 1.14.0 版本开始支持。

为了满足开发者对小程序首屏速度支持秒开,loading界面完成后马上就能展示首页数据的需求。所以框架上提供数据预拉取CDN资源预加载2种首屏数据预加载能力。

数据预拉取CDN预加载在一些体验上有差异,核心差异点如下:

数据预拉取 CDN资源预加载
适用场景 适用于动态数据。每位用户展示的数据和内容不同,适合用于差异化内容的预加载。 适用于静态数据,如图片,音频资源等。每位用户数据和内容一样,适合通用内容的预加载。
接入流程 开发者管理端配置即可使用。配置入口:开发者管理端 -> 设置 -> 开发设置 -> 数据预拉取 开发者管理端完成配置即可使用。设置入口:开发者管理端 -> 设置 -> 开发设置 -> CDN资源预加载

CDN资源预加载能够在小程序冷启动的时候通过QQ后台提前向CDN服务器拉取静态数据,当代码包加载完时可以更快地渲染页面,减少用户等待时间,从而提升小程序的打开速度。

使用流程

1. 配置数据下载地址

登录小程序管理后台,进入设置 -> 开发设置 -> CDN资源预加载,点击启用,填写数据下载地址,只支持 HTTPS。

CDN资源预加载

2. QQ 客户端提前拉取数据

当用户打开小程序时,QQ 服务器将向CDN服务器(上面配置的数据下载地址)发起一个 HTTP GET 请求,数据获取到后会将整个 HTTP body 缓存到本地。

3. 读取数据

用户启动小程序后,调用 qq.downloadFile()时,检查缓存,有缓存则直接返回,无缓存则正常请求。

4. 调试方法

正式版开发者工具预计在2020年11月底支持调测,此前请使用指定版本进行调测。开发者工具Nightly Build版 (2020.10.12更新)