探索 Chrome 的工具和技術來改善網站效能。
使用 PageSpeed Insights 測試網站

DevTools

開發人員工具是一套工具，可讓您檢查及偵錯在電腦上執行的網路應用程式行為，包括網頁、Web Worker 和擴充功能。
使用開發人員工具檢查及偵錯網站效能，包括元素的算繪和版面配置、JavaScript 的執行，以及網路活動。
「功能參考資料」部分會詳細說明各項功能，包括功能評估的成效指標，以及影響這些指標的因素。
「時間軸事件參考資料」部分會詳細說明「效能」面板時間軸中顯示的各個事件類型。
洞察資料會提供具體可行的最佳化建議，協助您提升網站成效。

Lighthouse

Lighthouse 是一項工具，可讓您快速輕鬆地稽核網頁效能。
瞭解 Lighthouse 如何計算網站的效能分數。
指標部分會詳細說明 Lighthouse 評估的各項成效指標。
洞察資料會提供具體可行的最佳化建議，協助您提升網站成效。
診斷資訊是 Lighthouse 提供的額外資訊，可協助您瞭解及偵錯網站效能問題。
課程

網站效能是網頁開發中的重要面向，著重於網頁載入速度，以及網頁對使用者輸入內容的回應速度。改善網站成效可以為使用者提供更優質的體驗。改善使用者體驗，就能有效協助您達成為網站設下的目標。

這堂 web.dev 課程是專為網站效能新手而設計。

開始學習