預渲染

預渲染是指推測性地預取渲染使用者可能在不久的將來導航到的頁面的做法(瀏覽器在後臺以一個實際上不可見的獨立標籤頁中渲染頁面)。預渲染包括下載文件的子資源並執行相關的 JavaScript。

如果使用者隨後選擇導航到該頁面,其內容的顯示將近乎即時。

例如,預渲染可能用於獲取“下一頁”按鈕連結的頁面資源,或者使用者滑鼠懸停的彈出連結,或者是使用者在位址列輸入的 URL 的可能目標頁面。以下推測規則可以包含在文件的 head 中,以提示瀏覽器預渲染 next.htmlnext2.html,因為它們都可能合理地成為下一個導航的目標。

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

預渲染的顯示速度比預取快,因此使用者體驗更好,但代價是消耗更多資源。

另見