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 請求頭將與正常導航請求使用的值匹配。這允許瀏覽器在導航後查詢匹配的快取資源。