微信小程序性能优化

221 阅读2分钟

一. 性能优化

  1. 初始渲染缓存

启用初始渲染缓存,可以使视图层不需要等待逻辑层初始化完毕,而直接提前将页面初始 data 的渲染结果展示给用户,这可以使得页面对用户可见的时间大大提前。参考:developers.weixin.qq.com/miniprogram…

启用方式:

{
    "initialRenderingCache": "static"
}
  1. 小程序周期性更新

周期性更新能够在用户未打开小程序的情况下,也能从服务器提前拉取数据,当用户打开小程序时可以更快地渲染页面,减少用户等待时间,增强在弱网条件下的可用性。

参考:developers.weixin.qq.com/miniprogram…

设置方式:

App({
    onLaunch() {
        wx.setBackgroundFetchToken({
          token: 'xxx'
        })
    }
})
  1. 小程序数据预拉取

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

参考:developers.weixin.qq.com/miniprogram…

App({
    onLaunch() {
        wx.setBackgroundFetchToken({
          token: 'xxx'
        })
    }
})
  1. 独立分包-扫码进入的模块例如营销活动

独立分包是小程序中一种特殊类型的分包,可以独立于主包和其他分包运行。从独立分包中页面进入小程序时,不需要下载主包。当用户进入普通分包或主包内页面时,主包才会被下载。

开发者可以按需将某些具有一定功能独立性的页面配置到独立分包中。当小程序从普通的分包页面启动时,需要首先下载主包;而独立分包不依赖主包即可运行,可以很大程度上提升分包页面的启动速度。

参考:developers.weixin.qq.com/miniprogram…

设置方式:

  {
      "independent": true
  }