Lighthouse 2.6 更新

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 启动时间过长”审核。
图 1JavaScript 启动时间过长审核

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

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

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

避免页面重定向

网页重定向会增加一次网络往返,如果需要额外的 DNS 查找,则会增加两次。尽量减少重定向,以缩短网页加载时间。

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

改进了无障碍功能部分得分

在 Lighthouse 2.6 中,总体无障碍设计得分计算方式有所不同。该得分根据 HTTP 归档数据集,根据每个无障碍功能审核对用户体验的影响严重程度以及问题的频率对其进行权衡。如需进行深入讨论,请参阅 googlechrome/lighthouse/issues/3444

报告用户体验改进

顶级错误

Lighthouse 会在报告顶部提醒您可能影响网页得分的错误。

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

点击导出报告 导出报告,然后选择打印摘要打印展开式,即可打印报告的摘要或详细版本。

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

修复了宽高比 bug

2.6 还修复了一个 bug,该 bug 会导致显示宽高比正确的图片审核失败,即使网页上没有图片或所有图片的尺寸都正确无误也是如此。