Lighthouse 2.6 更新

Brendan Kenny
Brendan Kenny
X GitHub
Kayce Basques

Lighthouse 2.6 现已推出！其特点包括：

如需查看新功能、变更和 bug 修复的完整列表，请参阅 2.6 版本说明。

如何更新到 2.6

  • NPM。运行 npm update lighthouse。如果您在全局安装了 Lighthouse，请运行 npm update lighthouse -g 标志。
  • Chrome 扩展程序。扩展程序应该会自动更新，但您可以通过 chrome://extensions 手动更新。
  • 开发者工具。在 Chrome 65 中，“审核日志”面板将随版本 2.6 一起提供。您可以通过 chrome://version 查看自己正在运行的 Chrome 版本。Chrome 大约每 6 周更新一次。您可以下载 Chrome Canary 来运行最新的 Chrome 代码。

新的性能审核

JavaScript 启动时间很长

查看网页解析、编译和执行每个脚本所花费的时间的细分数据。 JavaScript 启动时间是一个在某种程度上隐藏，但影响网页加载时间的重要因素。

“JavaScript 启动时间较长”审核。
图 1. 审核 JavaScript 启动时间较长

对静态资源使用低效的缓存政策

确保浏览器正确缓存您的每个资源。

“对静态资产使用低效缓存政策”审核
图 2. “对静态资产使用低效缓存政策”审核

避免网页重定向

页面重定向会增加额外的网络往返次数，或者如果需要额外的 DNS 查找，则会增加两次。 尽量减少重定向，以加快网页加载速度。

“避免网页重定向”审核
图 3. “避免网页重定向”审核

“无障碍”部分的得分更新

在 Lighthouse 2.6 中，总体无障碍功能得分的计算方式有所不同。得分会根据 HTTP Archive 数据集，根据对用户体验的影响的严重程度以及问题发生的频率来衡量每项无障碍功能审核。如需深入讨论，请参阅 googlechrome/lighthouse/issues/3444。

报告用户体验改进

顶级错误

在报告顶部，Lighthouse 会提醒您注意可能影响了您页面得分的错误。

报告顶部的顶级错误
图 4. 报告顶部的顶级错误

点击 Export Report 导出报告，然后选择 Print Summary 或 Print Updated，以打印出报告的摘要或详细版本。

打印摘要和展开视图
图 5. 打印摘要和展开视图

宽高比 bug 修复

2.6 还修复了导致即使网页上没有图片或所有图片大小都正确，“以正确的宽高比显示图片”审核失败的 bug。