避免鏈結關鍵要求

關鍵要求鏈結是一系列與轉譯網頁相關的重要相依網路要求。鏈結越長且下載大小越大,對網頁載入效能的影響就越大。

Lighthouse 會回報以高優先順序載入的重要要求:

Lighthouse 螢幕截圖:盡可能降低關鍵要求深度稽核作業

Lighthouse 如何識別重大要求鏈

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

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

如何降低關鍵要求鏈對效能的影響

使用關鍵要求鏈稽核結果,指定對網頁載入影響最大的資源:

  • 盡量減少重要資源的數量:刪除、延後下載、標示為 async 等。
  • 儘可能減少重要位元組數,以縮短下載時間 (來回數量)。
  • 最佳化剩餘重要資源的載入順序:盡快下載所有重要資產,以縮短重要路徑長度。

進一步瞭解如何最佳化圖片JavaScriptCSS網路字型

堆疊專屬指南

Magento

如果您不打算組合 JavaScript 素材資源,請考慮使用 baler

資源

用於盡量降低關鍵要求深度稽核的原始碼