Определение
CLS (Cumulative Layout Shift) — CLS измеряет визуальную стабильность: насколько неожиданно смещаются элементы страницы.
Короткий ответ
Цель: ≤ 0,1. Задавайте width/height изображениям и iframe, резервируйте место под баннеры, используйте font-display и подобранные fallback-шрифты.
Типичные причины
- изображения без размеров;
- реклама и баннеры, вставляемые над контентом;
- веб-шрифты, меняющие метрики текста.
Источники
- Cumulative Layout Shift (CLS) — web.dev