PageSpeed显示优先级折叠内容的混淆结果

Question

我在我的网站上测试了两次单独的页面，两次。一次使用Pagespeed，另一次使用GTmetrix。我主要关心的是，Pagespeed告诉我，在一页上显示可见内容的优先级，而不是其他页面。这里的地方变得混乱：

在此页面的PageSpeed说，“只有大约53％的屏内容的决赛可以用完整的HTML的响应呈现。”

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

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

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

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

上面的页面大小是针对整个页面的，而不是针对上面的折叠。触发警告的页面上的图像也比页面上没有的图像大。上面的页面内容呈现所需的CSS内联，两个页面的样式相同。这两个页面都有相同的资源，大致相同的文本数量。

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

另一个让我感到头疼的事情是，如果在两页上使用3kb的图像，而不是使用css进行扩展，则没有任何页面会触发'fold over'的警告，但如果我使用相同的图像并使用200px到300px宽的css进行缩放，这两个页面都会触发'fold'上方的警告。考虑到图像的大小仍然是3kb，这怎么可能？

如果我知道如何测量超出倍数的html大小，我会得到更清晰的结果。

Answer 1

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

<img>是否有宽度和高度？如果不是，则无法为图像预留空间，并且必须获取图像才能找到其尺寸。

没有链接我无法检查它。