預取

預取是指在後臺推測性地獲取使用者很可能在不久的將來導航到的頁面的文件或子資源。如果使用者確實選擇導航到預取的頁面,這可以顯著減少載入時間。例如,預取可以用於獲取“下一頁”按鈕連結的頁面或其子資源,使用者懸停的連結彈出視窗,或搜尋結果。

資源預取

應根據未來導航中它們可能需要的可能性來預取資源。瀏覽器可以為某些資源自動推斷這一點,例如位址列中的當前 URL。

這可以透過使用 `<link rel="prefetch">` 來完成(Speculation Rules API 僅處理導航的文件預取)

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

文件預取

開發人員可以通過幾種不同的方式向瀏覽器提供應預取的導航提示

<link rel="prefetch">:

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

Speculation Rules API 預取

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

Speculation Rules API 比 `` 更好地處理導航的文件預取;前者是專門為此目的設計的,而後者有一些限制;有關詳細資訊,請參閱 <link rel="prefetch">

DNS 預取

DNS 預取會提前解析域名,透過減少請求時與域名查詢相關的時間來加快載入速度。

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

另見