避免鏈結關鍵要求
bookmark_borderbookmark
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
關鍵要求鏈結是一系列與轉譯網頁相關的重要相依網路要求。鏈結越長且下載大小越大,對網頁載入效能的影響就越大。
Lighthouse 會回報以高優先順序載入的重要要求:
Lighthouse 如何識別重大要求鏈
Lighthouse 會使用網路優先順序做為 Proxy,找出會阻擋算繪的重要資源。
如要進一步瞭解 Chrome 如何定義這些優先順序,請參閱 Google 的 Chrome 資源優先順序和排程。
系統會從 Chrome 遠端偵錯通訊協定擷取重要要求鏈結、資源大小和下載資源所需的時間。
使用關鍵要求鏈稽核結果,指定對網頁載入影響最大的資源:
- 盡量減少重要資源的數量:刪除、延後下載、標示為
async
等。
- 儘可能減少重要位元組數,以縮短下載時間 (來回數量)。
- 最佳化剩餘重要資源的載入順序:盡快下載所有重要資產,以縮短重要路徑長度。
進一步瞭解如何最佳化圖片、JavaScript、CSS 和網路字型。
堆疊專屬指南
Magento
如果您不打算組合 JavaScript 素材資源,請考慮使用 baler。
資源
用於盡量降低關鍵要求深度稽核的原始碼
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2019-05-02 (世界標準時間)。
[[["容易理解","easyToUnderstand","thumb-up"],["確實解決了我的問題","solvedMyProblem","thumb-up"],["其他","otherUp","thumb-up"]],[["缺少我需要的資訊","missingTheInformationINeed","thumb-down"],["過於複雜/步驟過多","tooComplicatedTooManySteps","thumb-down"],["過時","outOfDate","thumb-down"],["翻譯問題","translationIssue","thumb-down"],["示例/程式碼問題","samplesCodeIssue","thumb-down"],["其他","otherDown","thumb-down"]],["上次更新時間:2019-05-02 (世界標準時間)。"],[],[]]