Cumulative Layout Shift (CLS)
Метрика Core Web Vitals, показывающая, насколько содержимое страницы неожиданно прыгает при загрузке, — то самое неприятное чувство, когда вы тянетесь к кнопке, а она уезжает. Измеряет визуальную стабильность. Цель — меньше 0,1.
CLS суммирует все неожиданные смещения макета (элементов, сдвинувшихся после отрисовки), взвешенные по доле экрана и расстоянию. Классические причины: изображения и видео без заданных размеров (контент прыгает после загрузки — лечится атрибутами width/height или aspect-ratio), реклама и встраиваемые блоки, выталкивающие контент вниз, веб-шрифты, которые подменяются с другим размером (FOUT), и контент, вставляемый выше уже показанного. Оптимизация: всегда резервировать место под медиа и динамический контент (aspect-ratio, фиксированные размеры, скелетоны), использовать font-display с подобранными метриками запасного шрифта и не вставлять ничего выше того, на что смотрит пользователь. Одна из трёх метрик Core Web Vitals. Именно ради неё существуют aspect-ratio и атрибуты размеров.