Lighthouse 13 中的新功能

发布时间:2025 年 10 月 10 日

Lighthouse 是一款网站审核工具,可为开发者提供指标、数据洞见和诊断信息,帮助他们改善网站的用户体验。

Lighthouse 13 现已通过 npm 在命令行中Chrome Canary 中提供,并将在下周内在 PageSpeed Insights 中提供。它将在 Chrome 143 中登陆 Chrome 稳定版。

如需查看完整的变更列表,请参阅 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 此审核涵盖了有限的 facade,并且一些开发者表示担心使用非关联的第三方 facade。最终,我们希望第三方改进其产品,而不是绕过它们。
uses-passive-event-listeners 如今,第一方脚本中很少出现此问题,而对于使用此属性的第三方脚本,此问题无法解决。
uses-rel-preload 由于过度推荐的风险,未启用。
移除了审核

新数据洞见审核的文档

我们已记录了新的审核,并从新的 Lighthouse 报告中添加了链接。在可预见的未来,旧文档仍会保留,以便旧版 Lighthouse 仍可链接到这些文档。

其他更改

Lighthouse 13 需要 Node 22.19 或更高版本。

运行 Lighthouse

Lighthouse 可在 Chrome DevToolsnpm(作为 Node 模块和 CLI 工具)中以及作为浏览器扩展程序(在 ChromeFirefox 中)使用。它还为多项 Google 服务提供支持,包括 PageSpeed Insights

如需试用 Lighthouse Node CLI,请使用以下命令:

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

与 Lighthouse 团队联系

如需讨论 Lighthouse 13 版中的新功能、变更或与 Lighthouse 相关的任何其他内容,请执行以下操作: