Маркетинговое агентство
полного цикла
Получить консультацию
Веб-технологии

Cumulative Layout Shift (CLS)

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

Обновлено: 13 июля 2026

Как это работает

CLS суммирует все внезапные сдвиги вёрстки: чем их больше и чем они крупнее, тем выше (хуже) значение. Хорошим считается CLS до 0,1. Типичные причины скачков — изображения и рекламные блоки без заданных размеров, шрифты, подгружающиеся с задержкой, и контент, который вставляется выше уже видимого. Лечится это заданием размеров медиа и резервированием места под динамические блоки.

Зачем это бизнесу

Скачущая вёрстка раздражает и приводит к ошибочным нажатиям: человек метит в одну кнопку, а попадает в другую — например, случайно уходит со страницы вместо оформления заявки. Стабильная страница удобнее и вызывает доверие, а хороший CLS помогает и в ранжировании как часть Core Web Vitals.

Остались вопросы по теме «Cumulative Layout Shift (CLS)»?Спросите ИИ-двойника Дмитрия Ларионова — ответит на языке вашего производства, с примерами.
Нужен маркетинг для производства? Построим систему привлечения клиентов для производственной компании.
Смотреть услугу →
← Вся база знаний
вопросы

Частые вопросы

Какое значение CLS считается нормой?

Ориентир — до 0,1. Значения от 0,1 до 0,25 требуют улучшения, а выше 0,25 считаются плохими: страница ощутимо «прыгает» и мешает пользователю.

Как уменьшить CLS?

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