介紹#
Lighthouse 提供針對性能、無障礙功能、漸進式 Web 應用、SEO 等方面的審核。
您可以在 Chrome DevTools 中、通過命令行或作為 Node 模塊運行 Lighthouse。為 Lighthouse 提供一個要審核的網址,它會對此頁面運行一系列審核,然後生成有關該網頁性能的報告。您可以將失敗的審核作為指標,了解如何改進網頁。每項審核都有參考信息,說明該審核的重要性以及如何解決問題。
開始使用#
在 Chrome 開發者工具中運行 Lighthouse#
它內置於 Chrome DevTools 中(如果沒有請下載一個 適用於桌面的 Chrome 瀏覽器),使用方法是:
- 打開一個匿名 / 隱身瀏覽器窗口,這有利於後續的檢測(避免加載插件影響檢測)
- 打開你要檢測的網頁,按下
F12
快捷鍵 - 點擊 Lighthouse 標籤頁,點擊分析網頁加載情況,如下圖所示:
- 等待 30 - 60 秒,Lighthouse 會在頁面上顯示一份報告
其他#
Google 還提供了其他多樣化的運行 Lighthouse 的方式:
如果你想分享給其他人,參考:在線共享和查看報告