预取

资源预取

资源应该根据它们在未来导航中被需要的可能性进行预取。浏览器可以自动推断某些资源，例如地址栏中的当前 URL。

这可以使用 <link rel="prefetch">（推测规则 API 仅处理导航的文档预取）来完成：

<link rel="prefetch" href="next.html" />

文档预取

开发人员可以通过几种不同的方式向浏览器提供应预取导航的提示：

<link rel="prefetch">：

<link rel="prefetch" href="next.html" />

推测规则 API 预取：

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

推测规则 API 较 <link rel="prefetch"> 可以更好地处理导航的文档预取；前者专门为此目的而设计，而后者有许多限制；有关详细信息，请参阅 <link rel="prefetch">。

DNS 预取

DNS 预取提前解析域名，通过减少请求时与域名查找相关的时间，加快载入速度。

<link rel="dns-prefetch" href="https://example.com/" />

参见

• 推测性加载
• 预渲染
• 推测规则 API