-1

即使对于非常简单的限制，Google Search Console 也显示出较高的 CLS 值。例如，可以使用一个单词内容的页面：https ://poncy.ru/tst/cls.html （链接），该页面既没有CSS也没有JS，分析器显示Cumulative Layout Shift（CLS）桌面的值为 0.13。如何解决这个问题？正因为如此，谷歌搜索控制台用这个虚假指标标记了所有页面，这让我很紧张））。非常感谢。 在此处输入图像描述

源页面：

<!doctype html>
<html>
    <head>
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta charset="utf-8">
    </head>
    <body >
        <p>АКАРА</p>
    </body>
</html>
4

1 回答 1

1

您正在查看来源摘要。

这为您提供了整个站点的真实数据。

同样对于现实世界中的累积布局偏移（而不是综合测试的“实验室数据”），他们会测量它直到页面卸载，因此它会捕获页面下方发生的布局偏移等。您需要承担这一点请注意，即使在实验室数据中测试每个页面都获得 0 CLS 时，也可能存在其他屏幕尺寸/站点的部分发生布局转换。

“页面摘要”上方的部分没有足够的数据（即该特定页面的真实数据），因此没有显示。但是，如果有足够的数据来显示它，那将是查看特定页面的页面。

为清楚起见，此页面没有（必然）经历任何布局变化，这些变化发生在网站的其他页面上，因为显示的信息是针对每个页面组合的。

如果您为该页面运行 Page Speed Insights，您将看到实验室数据部分中没有布局偏移等。

https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Fponcy.ru%2Ftst%2Fcls.html

于 2021-07-15T06:12:39.397 回答