關鍵要求鏈結是一系列與轉譯網頁相關的重要相依網路要求。鏈結越長且下載大小越大,對網頁載入效能的影響就越大。
Lighthouse 會回報以高優先順序載入的重要要求:
Lighthouse 如何識別重大要求鏈
Lighthouse 會使用網路優先順序做為 Proxy,找出會阻擋算繪的重要資源。 如要進一步瞭解 Chrome 如何定義這些優先順序,請參閱 Google 的 Chrome 資源優先順序和排程。
系統會從 Chrome 遠端偵錯通訊協定擷取重要要求鏈結、資源大小和下載資源所需的時間。
如何降低關鍵要求鏈對效能的影響
使用關鍵要求鏈稽核結果,指定對網頁載入影響最大的資源:
- 盡量減少重要資源的數量:刪除、延後下載、標示為
async
等。 - 儘可能減少重要位元組數,以縮短下載時間 (來回數量)。
- 最佳化剩餘重要資源的載入順序:盡快下載所有重要資產,以縮短重要路徑長度。
進一步瞭解如何最佳化圖片、JavaScript、CSS 和網路字型。
堆疊專屬指南
Magento
如果您不打算組合 JavaScript 素材資源,請考慮使用 baler。