Термин

CLS: стабильность расположения элементов

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

Что означает термин#

Хороший ориентир Core Web Vitals — CLS не более 0,1 на 75-м перцентиле. Оценка учитывает размер затронутой области и расстояние смещения, а не просто число скачков.

Практический пример#

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

Как проверить#

Найдите источники layout shift в инструментах разработчика. Проверяйте сценарии после загрузки: динамические вставки тоже могут влиять на стабильность. Один скриншот смещений не показывает.

Связанное понятие: Задержка взаимодействия.

Источники#

Проверены 23 октября 2026 г.. Официальные рекомендации отделены от наших примеров и результатов проверки.

Применить на практике

Продолжить разбор