PageSpeed显示令人困惑的结果，优先于折叠内容

Question

我在我的网站上测试了两个单独的页面，两次。一次使用Pagespeed，另一次使用GTmetrix。我主要担心的是，Pagespeed告诉我在一个页面上优先显示可见内容而不是另一个页面。这就是令人困惑的地方：

在这个页面上，PageSpeed说，“只有大约53％的最终内容可以使用完整的HTML响应进行呈现。”

下面的图片是关于第二页的。在此页面上，PageSpeed不会触发“优先显示可见内容”。

有趣的是，两个页面都具有相同的布局，并且没有“优先排序”警告的页面实际上比没有相同警告的页面大4.1KB。

下图显示了不会触发“折叠内容上方”警告的页面大小。

下图显示了触发“折叠内容上方”警告的页面大小。

上面的页面大小适用于整个页面，而不仅仅是上面的页面。触发警告的页面上的图像也大于页面上没有的图像。渲染上面的页面内容所需的CSS是内联的，并且它们对于两个页面都是相同的样式。两个页面都具有相同的资源，大致相同的文本数量大致相同。

如果两个页面的布局相同，并且折叠上方的文本大致相同，那么具有较小尺寸图像的页面如何触发“首屏”警告，而具有较大图像的页面则不会？这太令人困惑了。

让我感到震惊的另一个疯狂的事情是，如果使用3kb图像，而不是使用css进行缩放，则在两个页面上都不会触发“首屏”警告，但是如果我使用相同的图像并且使用css从200px宽到300px宽度扩展比两个页面触发“高于折叠”警告。考虑到图像的大小仍然是3kb，这怎么可能呢？

如果我知道如何测量高于首屏的html的大小，我会得到更清晰的结果。

Answer 1

指向该网站的链接会有所帮助。

<img>的宽度和高度是多少？如果没有，它不能保留图像的空间，必须让图像找到它的尺寸。

没有链接，我无法检查。