预渲染

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

如果用户随后选择导航到该页面,内容显示几乎可以瞬间完成。

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

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

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

参见