小程序 分包预下载【二】

1.分包预下载介绍

分包加载在打开小程序启动的时候只下载主包代码,分包并不会下载,因此能够提升小程序启动时的打开速度,分包的代码只有在访问到分包的页面时才去下载,这样用户就需要有一定时间的等待(一般不太影响),通过分包预加载技术可以实现提前去下载分包的代码,这样分包页面的访问速度也会得到提升。

2.分包预下载使用

小程序通过 preloadRule 配置需要预加载的分包,在 app.json 中进行配置:

  • 指定某个页面路径做为 key,含义是当访问这个页面时会去预下载一个分包

  • network 预下载分包的网络条件,可选值为 all、wifi,默认为 wifi

  • packages 指定要预下载的分包名或根路径

app.json

{
  "preloadRule": {
    "pages/index/index": {
      "network": "wifi",
      "packages": ["good_pkg"]
    }
  },
}

上述的代码代表的含义是当用户访问到 pages/index/index 时,在 wifi 网络前提下预先下载 good_pkg 分包的代码。

3.效果示例

在控制台可以看到,当访问"pages/index/index"页面时,会提示状态已成功

小程序 分包预下载【二】_第1张图片

你可能感兴趣的:(小程序,小程序,javascript,前端)