rel=prefetch

<link> 元素的 rel 属性的 prefetch 关键字，用于向浏览器提供一个提示，即用户很可能在将来的导航中需要目标资源，因此浏览器可以通过预先获取和缓存该资源来改善用户体验。<link rel="prefetch"> 用于同站导航资源，或用于同站页面使用的子资源。

结果会保留在硬盘的 HTTP 缓存中。因此，它对于预取子资源很有用，即使它们不被当前页面使用。您也可以使用它来预取用户可能访问的网站上的下一个文档。但是，您需要注意请求头——例如，某些 Cache-Control 请求头可能会阻止预取（例如 no-cache 或 no-store）。

<link rel="prefetch"> 在功能上等同于一个带有 priority: "low" 选项的 fetch() 调用，只不过前者通常具有更低的优先级，并且会在请求中设置 Sec-Purpose: prefetch 请求头。请注意，浏览器通常会给预取资源比预加载资源（例如通过 <link rel="preload"> 请求的）更低的优先级——当前页面比下一个页面更重要。

prefetch 操作的获取请求会产生一个 HTTP 请求，该请求包含 Sec-Purpose: prefetch HTTP 请求头。服务器可以使用此请求头更改资源的缓存超时时间，或执行其他特殊处理。请求还将包含 Sec-Fetch-Dest 请求头，其值为 empty。

请求中的 Accept 请求头将与正常导航请求使用的值匹配。这允许浏览器在导航后查找匹配的缓存资源。