累积布局换档测量网页时出现的布局班次的总量，并与其进行交互。
谷歌措施CLS为了判断整体页面经验与其他两个核心网Vitals一起，首次输入延迟（FID）和最大的满足性涂料（LCP）。
在一个页面上具有多个内容移位将加起来更差的CLS分数。一个理想的页面体验是一个最小的cls的页面。
布局换档或内容偏移是页面上的任何时间看起来都在框架内的位置。
这可以是任何东西文本字体更改，图像加载缓存，以及弹出页面，随着它加载的页面旋转。
这是一个可怜的amou的一个例子CLS的NT看起来像
在2021年夏天，谷歌证实了三个核心网站Vitals现在是页面体验排名因素的一部分。
因此，重要的是要确保您的页面的核心Web Vitals全部落入以下范围内，谷歌认为“良好”。
| 良好 | 需要改进 | 普尔 | |
| LCP | ≤2.5s | ≤4S | > 4S |
| FID | ≤100ms | ≤300ms | > 300ms的 |
| CLS |
> 0.25 |
如果您的维生工在需要改善或差的范围内，您的排名可能会受到影响，建议您解决问题。 |
有很多方法来检查您的页面的累积布局SHIFT CLS。您可以使用Google的工具如
Lighthouse
或Google Search Console中的核心Web Vitals报告，或者您可以使用现场审核查询SEMRUSH。
定义良好或差的Cls
谷歌正式将Cls分数定义为以下范围：良好的CLS：低于0.10，需要改善CLS：0.10和0.25较差的CLS：高于0.25
如上所述，布局换档可能是由很多东西引起的。最常见的罪魁祸首是：
我没有尺寸的法师，没有尺寸的尺寸广告，没有尺寸动态注入内容网字体导致
Foit / fout
（无形文本和闪烁的未售出文本的闪存）
所有这些原因都生活在您的页面代码中，并且可以在仅几分钟的检查中识别。
用于图像并嵌入没有尺寸，只需识别这些图像，然后将已知维度添加到您的代码将有助于避免布局班次。如果您不知道
如何修复和避免布局移位
要修复累积布局班次，您首先需要识别导致班次的元素。
然后，您的开发人员可以采取许多操作来解决问题并优化页面速度。
灯塔有一些建议可以帮助您和/或您的开发团队处理班次，例如：
避免了非合成的动画 确保在WebFont加载期间保持文本可见 修复没有显式宽度和高度的图像元素
如何检查Shifts
以优化CLS，您需要了解导致偏移的原因。
有两种方法可以看到精确的换档：
在两个变体中使用迹象表现出“避免大型布局换档”的灯塔的性能审计中的特殊建议，如果您启动，它将很容易通过灯塔进行绩效审计。
打开灯塔，右键单击网页上的任意位置，然后选择检查。
避免大铺设出局
找到并打开建议“避免大的布局班次”。如果在加载期间至少有一个任务班次，它可以在灯塔绩效审计中提供。滚动下来找到它。
别担心如果您看到一个具有0.001的CLS贡献的元素，因为它不会真正伤害用户体验。
我们知道Google标记的页面总共有0.010的页面作为“好”页面。
查看原始迹线
了解页面的哪个部分在时间轴中换档，您可以在灯塔中查看原始迹象。
通过经验轨道或网络威力轨道查找那些班次发生时。
SEMRUSH中的测量CLS SEMRUSH的站点审核允许您跟踪累积布局班次，以及当您审核您的网站时的其他核心Web Vitals。 在这里使用SEMRUSH的巨大好处是它将节省您的历史数据核心Web Vitals报告。 这允许您首先检查您的核心Web Vitals，然后进行更改，然后重新运行审计，并了解您的分数如何提高。 [1 您还可以找到一个有关如何提高网站总体页面加载速度的更多信息，以及其他优化提示。 今天尝试一下，并优化您的页面体验！
