首页 > 解决方案 > Lighthouse 和 pagespeed 洞察性能得分不一致

问题描述

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

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

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

标签: lighthousepagespeed-insights

解决方案


以我最近的经历,我感受到了你的痛苦。

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

如果即使经过大量优化,它总是很糟糕(速度指数),那么您的服务器可能是问题的一部分。

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

我的建议是记录你的分数(在纸上或 Excel 上),并总结你所做的更改。

我知道一次更改很多建议很诱人 - 但尝试一次将其限制为一个,这将更容易查看更改是否有效以及是否导致另一个问题或其他问题引起注意。

还要记住,一旦您开始实施建议,您的分数就有可能在变得更好之前变得更糟。

不要执着于 100/100/100/100 - 在无法访问的网站上很可能获得满分- 所以不要为了满分而破坏您的网站或 UI。

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


推荐阅读