Lighthouse 13 的新功能

發布日期: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 工具的形式提供),以及瀏覽器擴充功能 (適用於 ChromeFirefox) 中使用。此外,這項技術也支援多項 Google 服務,包括 PageSpeed Insights

如要試用 Lighthouse Node CLI,請使用下列指令:

npm install -g lighthouse
lighthouse https://www.example.com --view

與 Lighthouse 團隊聯絡

如要討論 Lighthouse 13 版的新功能、異動或其他相關事項,請按照下列步驟操作: