Question

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

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

这与我对Google Pagespeed见解所遇到的问题相同。我的网页立即加载，但我在pagespeed见解中的得分甚至都没有超过15分，最高是55分。如果不一致，该如何调试？我该怎么解决？

Answer 1

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

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

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

我已经看到对具有相同代码的相同页面的请求之间存在很多差异。它似乎并没有为您提供所有内容 - 一旦您清除了第一个错误或建议，您通常会出现新的不相关的错误或建议。缩小您的 CSS，然后它会告诉您的图像分辨率低或比例失调。

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

我知道一次更改许多建议很诱人 - 但尝试一次只更改一个，这样可以更轻松地查看更改是否有效以及是否导致了另一个问题，或者引起了其他事情的注意。

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

不要专注于 100/100/100/100 - 很可能获得 a perfect score with an inaccessible site - 所以不要为了满分而毁掉您的网站或您的用户界面。

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