Google Lighthouse 13 取代了 Chrome Canary、NPM 和 PageSpeed Insights 中早期版本的 Lighthouse。 Lighthouse 的新功能提供了更广泛的站点报告。
现在您将看到未评分的编辑。
笔记：灯塔 13 不会改变 核心网络生命力 分数计算系统。
谷歌灯塔 13：
Google Lighthouse 13 取代了 DevTools 中的旧版审核功能。
Google Lighthouse 13 的主要变化：
- CLS布局：Lighthouse 13 的 cls-culprits-insight 取代了布局转变。它显示有关布局转换的内部详细信息。
- 服务器和网络：Document-latency-insight 显示响应时间、文本压缩和重定向。
- 图片：Image-delivery-insight 为解决图像优化、响应能力和内容动画提供了更好的点。
- 最大的内容涂料：LCP 详细信息分为两个部分。 Lcp-discovery-insight 和 Lcp-phases-insight 可用。
- 第三方见解：第三方见解提供比第三方摘要更好的结果。
其他 Lighthouse 13 替代品：
- DOM 大小问题
- 重复的 JavaScript
- 旧版 JavaScript
- 字体
- 网络树
- 渲染阻塞 JavaScript。
- 视口
- 缓存
- HTTPS 或 HTTP
Lighthouse 审计从 Lighthouse 13 中删除：
Google 已从 Lighthouse 13 中删除了多项审核。原因是这些审核在现代环境中已经过时且毫无意义。
笔记：谷歌还删除了一些审计，因为它们的运行成本太高。
Lighthouse 13 中删除的审核：
- 第一个有意义的油漆
- 字体大小
- 无文档写入
- 屏幕外图像
- 预加载字体
- 第三方立面
- 使用-rel-预加载
- 使用被动事件监听器
Lighthouse 13 中的细微差别：
谷歌将未调整大小的图像和未合成的动画设置为单独的实体。
删除了预加载字体和字体大小。
为什么 Lighthouse 13 的改变很重要？
Lighthouse 旨在为您提供详细信息，以查找网站设计和结构中的问题。
通过 Lighthouse 13，您可以获得更少的线路和更深入的见解。
如何前往 13 号灯塔？
以下是访问 Lighthouse 13 报告的方法：
笔记：如果您不想使用扩展，那么 谷歌页面速度洞察 是给你的。
结论：
Google 已与 DevTools 和 Lighthouse 结果保持一致。现在您将看到新的报告，没有太多行。
其他有用的文章：