Lighthouse 和 pagespeed 洞察性能得分不一致答案

【问题标题】：Lighthouse & pagespeed insights performance score is inconsistentLighthouse 和 pagespeed 洞察性能得分不一致
【发布时间】：2020-10-08 05:53:27
【问题描述】：

我在下面有一个简单的 html 文件，当我运行灯塔审计时，每次的性能得分都不同。我正在使用chrome，没有其他程序在后台运行。我有时会得到 99，有时会得到 65，有时会得到 77。

<html>
<head>
</head>
<body>
test
</body>
</html>

这与我在使用 Google pagespeed 洞察时遇到的问题相同。我的网页立即加载，但我什至无法在 pagespeed 洞察力中获得超过 15 分，最高为 55。如果没有一致性，我该如何调试？我该如何解决？

【问题讨论】：

以隐身模式运行 Lighthouse，您的浏览器插件有 99% 可能是导致使用 lighthouse 不一致的原因（如果在本地计算机上运行，唯一的另一件事是如果您的HDD 在安静时间后需要很长时间才能重新启动，也就是说，如果您使用的是 HDD 而不是 SSD）。至于 Page Speed Insights 阅读score vairability，因为它解释了为什么分数是可变的和可能的原因。至于调试“性能”选项卡是你的朋友。请先尝试上述方法，然后我可以帮助您测试您的网站。
使用 CTRL + SHIFT + N 可以激活 icognito 模式

标签： lighthouse pagespeed-insights

【解决方案1】：

根据我最近的经历，我感受到了你的痛苦。

公平地说，您没有对其进行新更改的 2 个请求之间的网络应该（可能）存在差异，服务器可能更忙 - 所以您的性能得分可能会有所不同 - 如果有疑问，请求它的服务时间和平均工作。

如果即使经过大量优化，它仍然很糟糕（速度指数），那么您的服务器可能是问题的一部分。

我已经看到对具有相同代码的相同页面的请求之间存在许多差异。它似乎并没有把所有东西都给你——一旦你清除了第一个错误或建议，你经常会出现新的不相关的错误或建议。缩小你的 CSS 然后它会告诉你的图像是低分辨率或比例失调。

我的建议是记录你的分数（在纸上或 Excel 上），并总结你所做的更改。

我知道一次更改大量建议很有吸引力 - 但尝试一次将其限制为一个，这样可以更轻松地查看更改是否有效以及是否会导致另一个问题，或者引起了其他人的注意。

请记住，一旦您开始实施建议，您的分数可能会在变得更好之前变得更糟。

不要执着于 100/100/100/100 - 很有可能得到 a perfect score with an inaccessible site - 所以不要为了满分而毁了你的网站或 UI。

最后一点，当更改 CSS/JS 文件时，请确保文件名不同，以确保它抓取请求中的最新文件，在文件名后添加 ?v=1 应该可以解决问题。

【讨论】：