rel="prefetch" HTML 属性值

<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 请求。服务器可能会使用此标头来更改资源的缓存超时时间，或执行其他特殊处理。该请求还会包含值设为 empty 的 Sec-Fetch-Dest 标头。

请求中的 Accept 标头会与普通导航请求所使用的值匹配。这样浏览器才能在导航后找到匹配的缓存资源。