在 Lighthouse 引入我们的生活后，直接影响 UX 和 SEO 等主题的性能标准数量有所增加。通过查看旧 Google Pagespeed 设置中的页面上的几个点进行的评估已通过 Google 工程师多年来开发的方法得到改进。在本文中，我们将尝试研究 Lighthouse 分数的计算方式。
截至 2024 年，Lighthouse 版本 10 的性能标准如下：
- 首次内容绘制 - 10%
- 速度指数 - 10%
- 最大的内容绘画 - 25%
- 总阻塞时间 - 30%
- 累计布局偏移 - 25%
与上一版本 Lighthouse 5 相比，最重要的创新是增加了 CLS（累积布局偏移）。该指标被宣布为自 2024 年 XNUMX 月起 SEO 的重要性能标准，在未来几年可能会变得非常重要。
Lighthouse 还准备了一个工具，可以提前显示输入页面速度目标后可以获得的分数。您可以访问 灯塔分数计算工具在这里.
如果您询问颜色编码基于哪个数字范围，您可以查看以下范围。在这些评估中看到绿色表示您已成功：
- 0-49（较差）： 红色
- 50-90（需要改进）： 橘色
- 90+ (良好)： 绿色
移动端和桌面端网站的分数有所不同，但当移动端流量超过 75% 时，评估将基于移动端分数进行。
您可能会在每次 Lighthouse 测试中遇到不同的结果。造成这种情况的原因包括页面上的广告和广告类型， 网站内进行 A/B 测试，即时改变互联网流量，以及服务器可能出现的即时情况。
执行 Lighthouse 测试最简单的方法是使用 Chrome 浏览器。进入“检查”菜单，点击“Lighthouse”选项卡，然后点击“生成报告”按钮。计算大约需要 8-10 秒，会考虑不同的设备和互联网速度。
