Google Lighthouse 指标与速度指数得分不符

问题描述

我目前正在 Chrome Debugger 上使用 Google Lighthouse 测试我的网站的性能。 尽管它们的数字属于基于 web.dev 的绿色编码，但我得到了几个橙色指标。

我的结果： Google Lighthouse result

1. 我得到1.5 秒的速度指数，灯塔指示 0-3.4s should be Green。
2. 我获得了 2.2 秒的最大内容绘制，灯塔指示 0-2.5s should be Green。
3. 我得到 200 毫秒的总阻塞时间，灯塔指示 0-200ms should be Green。

我的灯塔版本是 7.2.0，这是 runtime settings。

解决方法

您正在查看移动时间的评分，但运行的是桌面报告。

如果您尝试使用这些号码，则应始终为“设备”设置选择“移动”。

我很惊讶他们没有在文档中说这是他们的疏忽。

将您的值插入 Lighthouse Scoring Calculator 并选择“桌面”，然后如果您想检查桌面性能，您可以调整滑块以查看分数变为绿色的位置。

桌面测试并不真正值得，因为即使是臃肿的网站也会得分很高，您几乎应该总是进行移动测试，因为谷歌在排名中是移动第一，并且使用移动分数进行 Web Vitals 等。