CLS
Cumulative Layout Shift · Накопленный сдвиг макета
Что это
CLS — показатель визуальной нестабильности, учитывающий неожиданные сдвиги расположения по установленным правилам. Он помогает оценить, насколько содержание перемещается во время использования страницы.
Пример применения
Изображение без заранее выделенного места загружается и сдвигает кнопку, на которую собирался нажать посетитель. Резервирование подходящих размеров помогает устранить такую причину.
Что важно учитывать
Не любое движение является учитываемым сдвигом: у метрики есть правила и исключения. Анимация может быть неудобной даже без плохого CLS. Проверяют не только начальную загрузку, но и более поздние вставки, шрифты и состояния интерфейса.
Связанные понятия
Источники и документация
У каждого документа указана дата последней проверки. Состав функций и интерфейсы сервисов могут меняться. Ссылки открываются в новой вкладке.
- web.dev: Cumulative Layout Shift Проверено