梗概

启用初始渲染缓存,可以使视图层不需要等待逻辑层初始化完毕,而直接提前将页面初始 data 的渲染结果展示给用户

支持的组件

在初始渲染缓存阶段中,复杂组件不能被展示或不能响应交互。 目前支持的内置组件:

  • <view />
  • <text />
  • <button />
  • <image />
  • <scroll-view />
  • <rich-text />

启用初始化缓存

若想启用初始渲染缓存,最简单的方法是在[base::页面的 json] 文件中添加配置项 “initialRenderingCache”: “static” :

{
  "initialRenderingCache": "static"
}

如果想要对所有页面启用,可以在 [base::app.json] 的 window 配置段中添加这个配置:

{
  "window": {
    "initialRenderingCache": "static"
  }
}

添加这个配置项之后,在手机中预览小程序首页,然后杀死小程序再次进入,就会通过初始渲染缓存来渲染首页。