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?
Задавайте ширину и высоту для изображений и видео, резервируйте место под рекламу и динамические блоки, аккуратно подключайте шрифты и не вставляйте контент выше уже видимого пользователю.