許多使用者在行動網路連線速度緩慢的情況下造訪網頁。讓網頁在行動網路中快速載入,有助於確保行動裝置使用者獲得良好體驗。
Lighthouse 頁面載入速度稽核失敗情形
Lighthouse 會標記在行動裝置上載入速度不夠快的網頁:
![Lighthouse 稽核功能顯示網頁在行動裝置上的載入速度不夠快](https://developer.chrome.com/static/docs/lighthouse/pwa/load-fast-enough-for-pwa/image/lighthouse-audit-showing-9a93a82df94ee.png?authuser=3&hl=zh-tw)
有兩個主要指標會影響使用者感受到載入時間的方式:
- 首次有效繪製 (FMP):評估網頁主要內容顯示完成的時間
- 互動時間 (TTI):評估網頁完全互動的時間
舉例來說,如果網頁在 1 秒後顯示完成,但使用者超過 10 秒都沒有互動,使用者就可能認為網頁載入時間為 10 秒。
Lighthouse 會計算 4G 網路連線速度緩慢時的 TTI。如果互動時間超過 10 秒,稽核作業就會失敗。
如何提高整體成效分數
除非您有特別關注特定指標的理由,否則最好著重於改善整體效能分數。
使用 Lighthouse 報表的「商機」部分,判斷哪些改善項目為您的網頁帶來最多價值。商機越大,對效能分數的影響就越大。例如,下方的 Lighthouse 螢幕截圖顯示移除會封鎖轉譯資源將產生最大的改善效果:
![Lighthouse:商機部分](https://developer.chrome.com/static/docs/lighthouse/performance/interactive/image/lighthouse-opportunities-ec2197d9dce25_1920.png?authuser=3&hl=zh-tw)
請參閱效能稽核到達網頁,瞭解如何處理 Lighthouse 報告指出的商機。