預載入

預載入（Preload）是一種強大的優化技術，可以顯著改進關鍵效能指標，例如Core Web Vitals。前面我們介紹過關於預取DNS查詢甚至預連線到域的文章。預載入是這些概念的一個更強大的擴充套件，因為它使您能夠提前下載整個資源。

預載入主要圖片（首屏圖片）有助於減少Core Web Vitals中的最大內容繪製(LCP) 時間。這些通常是影象，如徽標、部落格文章上的特色影象、登入頁面上的Hero影象等。通過預載入它們，您將它們移動到瀑布的頂部，並基本上告訴瀏覽器這些具有優先順序並且應該立即載入。

預載入允許您指定在頁面載入期間立即或很快需要的資源（例如字型、影象、JavaScript 和 CSS）。 在您網站的每個頁面的…部分頂部新增一個link rel=’preload’標籤。