避免鏈結關鍵要求

關鍵要求鏈： 是一連串對網頁算繪至關重要的網路要求。 鏈結長度越長，下載大小越大，對網頁載入效能的影響就越顯著。

Lighthouse 報表會顯示優先載入的重要要求：

Lighthouse 如何識別關鍵要求鏈

Lighthouse 會使用網路優先順序做為 Proxy，找出會阻礙算繪的重要資源。 如要進一步瞭解 Chrome 如何定義這些優先順序，請參閱 Google 的「Chrome 資源優先順序和排程」。

系統會從 Chrome 遠端偵錯通訊協定擷取關鍵要求鏈結、資源大小和下載資源所花費的時間等資料。

如何減少關鍵要求鏈對效能的影響

請根據關鍵要求鏈結稽核結果，優先處理對網頁載入影響最大的資源：

• 盡量減少關鍵資源數量：移除資源、延後下載資源、將資源標示為 async 等。
• 盡量減少關鍵位元組數量，縮短下載時間 (往返次數)。
• 最佳化其餘重要資源的載入順序：盡可能提早下載所有重要資產，縮短重要路徑長度。

進一步瞭解如何最佳化圖片、JavaScript、CSS 和網頁字型。

堆疊專屬指南

Magento

如果你不是在統合 JavaScript 素材資源，建議你使用 baler。

資源

「將關鍵要求層級降至最低」稽核的原始碼