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

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

资源摘要

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 相关的任何其他内容，请执行以下操作：