Lighthouse 11 的新变化

Adam Raine
Adam Raine
GitHub
Jasmine Yan
Jasmine Yan
GitHub

Lighthouse 是一款网站审核工具，可为开发者提供优化建议和诊断信息，帮助他们改善网站的用户体验。

Lighthouse 11 可立即在通过 npm 的命令行、Chrome Canary 版和 PageSpeed Insights 中使用。此版本将在 Chrome 118 的 Chrome 稳定版中推出。

如需查看完整的更改列表，请参阅 11.0 更新日志。

无障碍类别更新

类别更新包括新的自动审核、改进的权重和优先人工审核，以帮助开发者提高其网站的无障碍性。

新的审核和加权

从 Lighthouse 10.0 开始，新增了 13 项无障碍功能审核：

  • aria-allowed-role
  • aria-dialog-name
  • aria-text
  • html-xml-lang-mismatch
  • image-redundant-alt
  • input-button-name
  • label-content-name-mismatch
  • link-in-text-block
  • select-name
  • skip-link
  • table–duplicate-name
  • table-fake-caption
  • td-has-header

除了新的审核之外，所有审核的权重也已更新，以更好地匹配相应的 aXe 规则影响级别。有关新审核和权重的确切详细信息，请参阅 Lighthouse 无障碍功能评分文档。

手动审核可见性

Lighthouse 始终包含一些无法自动测试的手动审核，但仍作为核对清单包含在内，用于验证重要功能。现在，所有自动审核均通过后，“手动审核”部分会自动展开。

展开了无障碍功能类别中手动审核的 Lighthouse 报告

这就强调了，通过所有自动审核并在无障碍功能上得分为 100 并不能保证审核的网页可以访问；手动测试仍然很重要。手动审核也重新排序，从最容易理解的检查开始。

现有审核的变化

Interaction to Next Paint (INP)

INP 不再处于实验阶段，因此该指标已从 experimental-interaction-to-next-paint 移至 interaction-to-next-paint。

Service Worker

页面不再需要 Service Worker 才能在 Chrome 中作为 PWA 安装，因此 service-worker 检查已从 Lighthouse PWA 类别中移除。

资源摘要

resource-summary 审核已从 Lighthouse 报告中移除。网络请求统计信息仍然可以使用隐藏的 network-requests 审核进行编译：

const {lhr} = await lighthouse('https://example.com');
const networkRequests = lhr.audits['network-requests'].details.items;
const resourceSummary = {};

for (const request of networkRequests) {
  let total = resourceSummary[request.resourceType] || 0;
  total += request.resourceSize;
  resourceSummary[request.resourceType] = total;
}

console.log(resourceSummary);

旧版导航

CLI 的 --legacy-navigation 标志、Node API 中的 legacyNavigation() 函数以及开发者工具面板中的“旧版导航”复选框均已移除。到此，Lighthouse 已完成为期数年的基础架构转换，以支持用户流。

正在运行 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 11 版本中的变更或任何其他与 Lighthouse 相关的所有内容，请按以下步骤操作：