網頁在行動網路中的載入速度不夠快
透過集合功能整理內容
你可以依據偏好儲存及分類內容。
許多使用者在行動網路連線速度緩慢的情況下造訪網頁。讓網頁在行動網路中快速載入,有助於確保行動裝置使用者獲得良好體驗。
Lighthouse 頁面載入速度稽核失敗情形
Lighthouse 會標記在行動裝置上載入速度不夠快的網頁:
有兩個主要指標會影響使用者感受到載入時間的方式:
舉例來說,如果網頁在 1 秒後顯示完成,但使用者超過 10 秒都沒有互動,使用者就可能認為網頁載入時間為 10 秒。
Lighthouse 會計算 4G 網路連線速度緩慢時的 TTI。如果互動時間超過 10 秒,稽核作業就會失敗。
除非您有特別關注特定指標的理由,否則最好著重於改善整體效能分數。
使用 Lighthouse 報表的「商機」部分,判斷哪些改善項目為您的網頁帶來最多價值。商機越大,對效能分數的影響就越大。例如,下方的 Lighthouse 螢幕截圖顯示移除會封鎖轉譯資源將產生最大的改善效果:
請參閱效能稽核到達網頁,瞭解如何處理 Lighthouse 報告指出的商機。
資源
除非另有註明,否則本頁面中的內容是採用創用 CC 姓名標示 4.0 授權,程式碼範例則為阿帕契 2.0 授權。詳情請參閱《Google Developers 網站政策》。Java 是 Oracle 和/或其關聯企業的註冊商標。
上次更新時間:2024-04-16 (世界標準時間)。
[{
"type": "thumb-down",
"id": "missingTheInformationINeed",
"label":"缺少我需要的資訊"
},{
"type": "thumb-down",
"id": "tooComplicatedTooManySteps",
"label":"過於複雜/步驟過多"
},{
"type": "thumb-down",
"id": "outOfDate",
"label":"過時"
},{
"type": "thumb-down",
"id": "translationIssue",
"label":"翻譯問題"
},{
"type": "thumb-down",
"id": "samplesCodeIssue",
"label":"示例/程式碼問題"
},{
"type": "thumb-down",
"id": "otherDown",
"label":"其他"
}]
[{
"type": "thumb-up",
"id": "easyToUnderstand",
"label":"容易理解"
},{
"type": "thumb-up",
"id": "solvedMyProblem",
"label":"確實解決了我的問題"
},{
"type": "thumb-up",
"id": "otherUp",
"label":"其他"
}]
{"lastModified": "\u4e0a\u6b21\u66f4\u65b0\u6642\u9593\uff1a2024-04-16 (\u4e16\u754c\u6a19\u6e96\u6642\u9593)\u3002"}
[[["容易理解","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"]],["上次更新時間:2024-04-16 (世界標準時間)。"],[],[]]