Cumulative Layout Shift (CLS)

Cumulative Layout Shift (CLS) — это метрика, которая измеряет сумму всех неожиданных сдвигов элементов на странице во время её загрузки и взаимодействия. Она отражает визуальную стабильность сайта и показывает, насколько предсказуемо и без неожиданных перемещений отображается контент.

Как измеряется CLS?

CLS учитывает все неожиданные изменения положения элементов, такие как сдвиги изображений, текста или кнопок, которые происходят без предварительного предупреждения. Значение CLS выражается в виде числа: чем оно ниже, тем лучше стабильность страницы.

Почему это важно?

Высокий CLS вызывает неприятные ощущения у пользователей — например, когда контент внезапно смещается во время чтения или взаимодействия, что может привести к ошибкам или разочарованию. Хорошие показатели CLS обеспечивают плавный и предсказуемый пользовательский опыт.

Итог

Cumulative Layout Shift — важный показатель визуальной стабильности сайта. Его оптимизация помогает сделать интерфейс более надежным и приятным для посетителей, повышая их удовлетворенность и эффективность взаимодействия.