预渲染

预渲染是指推测性地预取渲染用户在不久的将来可能导航到的页面(浏览器在后台渲染页面,实际上是在一个不可见的单独标签页中)。预渲染包括下载文档的子资源和运行相关的JavaScript。

如果用户随后选择导航到该页面,则其内容的显示几乎可以立即完成。

例如,预渲染可能用于获取“下一步”按钮链接的页面资源,或用户悬停的链接弹出窗口,或输入地址栏中的URL的可能页面目标。以下推测规则可以包含在文档的头部,以提示浏览器应预渲染next.htmlnext2.html,因为两者都可能是下次导航的合理目标。

html
<script type="speculationrules">
  {
    "prerender": [
      {
        "source": "list",
        "urls": ["next.html", "next2.html"]
      }
    ]
  }
</script>

预渲染导致比预取更快的显示时间,从而带来更好的用户体验,但代价是消耗更多资源。

另请参阅