什么是累积布局偏移 (CLS)？
Posted: Sat Jan 18, 2025 3:38 am
托比·德文郡
2021 年 2 月 21 日
累积布局偏移（简称 CLS）是 Google 在即将到来的 2021 年Google 更新中考虑的新排名因素之一。
CLS 是 Google 用来评估特定网页用户体验的指标。尽管 CLS 已经对您网站的整体用户体验产生了影响，但随着它对 SEO 的影响越来越大，它很快就会变得更加重要。
在本指南中，我们将解释什么是 CLS，并探讨如何优化您的网站。
累积布局偏移的定义
累积布局偏移是指网页元素（图像、视频、字体、CTA 按钮等） 智利数据 在下载过程中在页面上移动的行为。
CLS 是核心 Web 指标中的一项指标；它关注非用户交互导致的布局偏移量。然后根据加载期间受影响的视口比例计算 CLS 分数。
确保您的网页具有较低的 CLS 至关重要，因为页面上意外移动的内容可能会导致糟糕的用户体验。
如何衡量您的网站 CLS
要评估您网站的 CLS 分数，请前往PageSpeed Insights并输入您（或竞争对手）的域名，可以在字段数据标题下看到 CLS，因为它是从您网站上的真实用户体验收集的数据。
性能评分CLS的截图
如果您看不到现场数据报告，可能是因为您的网站尚未获得足够的流量，无法让 Google 获得正确的现实世界见解。但不用担心！在 Google Chrome 浏览器中，转到您的网站并右键单击，然后选择“检查”。然后您将看到一大堆 Google Dev Tools，但请选择“灯塔”选项卡。对您的网站进行测试，您将看到您网站 CLS 分数的实验室数据。
性能截图 CLS 灯塔
Google 建议您尽量将 CLS 分数保持在 0.1 以下。PageSpeed Insights（或 Search Console 中的核心网页指标报告）上的 CLS 分数越低，您的网站内容在加载过程中就越稳定，从而带来更好的用户体验。
对于完全静态的页面，您可以希望获得低至 0 的分数，但随着网页变得越来越复杂，分数会增加。
2021 年 2 月 21 日
累积布局偏移（简称 CLS）是 Google 在即将到来的 2021 年Google 更新中考虑的新排名因素之一。
CLS 是 Google 用来评估特定网页用户体验的指标。尽管 CLS 已经对您网站的整体用户体验产生了影响，但随着它对 SEO 的影响越来越大，它很快就会变得更加重要。
在本指南中，我们将解释什么是 CLS，并探讨如何优化您的网站。
累积布局偏移的定义
累积布局偏移是指网页元素（图像、视频、字体、CTA 按钮等） 智利数据 在下载过程中在页面上移动的行为。
CLS 是核心 Web 指标中的一项指标；它关注非用户交互导致的布局偏移量。然后根据加载期间受影响的视口比例计算 CLS 分数。
确保您的网页具有较低的 CLS 至关重要，因为页面上意外移动的内容可能会导致糟糕的用户体验。
如何衡量您的网站 CLS
要评估您网站的 CLS 分数，请前往PageSpeed Insights并输入您（或竞争对手）的域名，可以在字段数据标题下看到 CLS，因为它是从您网站上的真实用户体验收集的数据。
性能评分CLS的截图
如果您看不到现场数据报告，可能是因为您的网站尚未获得足够的流量，无法让 Google 获得正确的现实世界见解。但不用担心！在 Google Chrome 浏览器中，转到您的网站并右键单击，然后选择“检查”。然后您将看到一大堆 Google Dev Tools，但请选择“灯塔”选项卡。对您的网站进行测试，您将看到您网站 CLS 分数的实验室数据。
性能截图 CLS 灯塔
Google 建议您尽量将 CLS 分数保持在 0.1 以下。PageSpeed Insights（或 Search Console 中的核心网页指标报告）上的 CLS 分数越低，您的网站内容在加载过程中就越稳定，从而带来更好的用户体验。
对于完全静态的页面，您可以希望获得低至 0 的分数，但随着网页变得越来越复杂，分数会增加。