發布日期:2025 年 10 月 10 日
Lighthouse 是一項網站稽核工具,可提供指標、洞察資訊和診斷結果,協助開發人員改善網站的使用者體驗。
Lighthouse 13 現已在 npm 的指令列和 Chrome Canary 上推出,並將於下週在 PageSpeed Insights 上線。這項功能將在 Chrome 143 版中推出。
如要查看完整異動清單,請參閱「13.0 變更記錄」。
移除各種效能審查,並以新版洞察取代
如先前公告所述,我們已將 Lighthouse 效能稽核和開發人員工具效能面板的洞察資料整合為通用效能洞察資料,並同時提供給這兩項工具。
在 Lighthouse 12 中,我們將 Lighthouse 報表的預設檢視畫面切換為顯示這些洞察資料,並在 Lighthouse 13 中從報表和基礎 JSON 移除舊版稽核。
感謝社群提供意見回饋,協助我們改善洞察功能,讓轉換過程更加順暢。
自 Lighthouse 13 起,下列稽核已遭取代,且自這個版本起,取代的稽核將不再提供:
新的洞察稽核 ID | 取代稽核 ID |
---|---|
cls-culprits-insight |
layout-shifts
|
document-latency-insight |
redirects server-response-time uses-text-compression |
dom-size-insight |
dom-size |
duplicated-javascript-insight |
duplicated-javascript |
font-display-insight |
font-display |
image-delivery-insight |
modern-image-formats uses-optimized-images efficient-animated-content uses-responsive-images
|
interaction-to-next-paint-insight |
work-during-interaction |
lcp-discovery-insight |
prioritize-lcp-image lcp-lazy-loaded
|
lcp-phases-insight |
largest-contentful-paint-element |
legacy-javascript-insight |
legacy-javascript |
modern-http-insight |
uses-http2 |
network-dependency-tree-insight |
critical-request-chains uses-rel-preconnect
|
render-blocking-insight |
render-blocking-resources |
third-parties-insight |
third-party-summary |
use-cache-insight |
uses-long-cache-ttl |
viewport-insight |
viewport |
已移除的稽核
除了上述取代項目,我們也移除了下列稽核項目,且未提供替代項目,因為我們認為這些項目已不再具有實用價值:
已移除稽核 | 移除原因 |
---|---|
first-meaningful-paint |
舊版指標,不再建議使用 (已由 LCP 取代)。 |
font-size |
雖然字體太小會影響可讀性,但目前沒有任何信號顯示這仍是 SEO 方面的問題。此外,執行及維護這項稽核作業的成本非常高。 |
no-document-write |
如今第一方指令碼很少會發生這個問題,而使用這項功能的第三方指令碼也無法採取任何行動。 |
offscreen-images |
瀏覽器會降低螢幕外圖片的優先順序,因此雖然延遲載入有助於減少頻寬,但不太可能影響 Lighthouse 評估的內容。 |
preload-fonts |
由於過度推薦的風險,因此未啟用。 |
third-party-facades |
這項稽核涵蓋的介面有限,部分開發人員表示擔心使用非聯盟的第三方介面。我們希望第三方能改善產品,而不是提供解決方案。 |
uses-passive-event-listeners |
如今第一方指令碼很少會發生這個問題,而使用這項功能的第三方指令碼也無法採取任何行動。 |
uses-rel-preload |
由於過度推薦的風險,因此未啟用。 |
新洞察稽核的說明文件
我們已記錄新的稽核,並從新的 Lighthouse 報表連結。在可預見的未來,舊版說明文件仍會保留,因此舊版 Lighthouse 仍可連結至這些文件。
其他變更
Lighthouse 13 需要 Node 22.19 以上版本。
執行 Lighthouse
Lighthouse 可在 Chrome 開發人員工具、npm (以 Node 模組和 CLI 工具的形式提供),以及瀏覽器擴充功能 (適用於 Chrome 和 Firefox) 中使用。此外,這項技術也支援多項 Google 服務,包括 PageSpeed Insights。
如要試用 Lighthouse Node CLI,請使用下列指令:
npm install -g lighthouse
lighthouse https://www.example.com --view
與 Lighthouse 團隊聯絡
如要討論 Lighthouse 13 版的新功能、異動或其他相關事項,請按照下列步驟操作:
- 在 Lighthouse GitHub 問題追蹤器中回報問題或提交意見回饋。
- 在 Lighthouse GitHub 討論論壇中提問。