CLS

Cumulative Layout Shift — визуальная стабильность страницы

Cumulative Layout Shift — визуальная стабильность страницы

Определение

CLS (Cumulative Layout Shift) — метрика Core Web Vitals, измеряющая стабильность макета страницы.


Целевые значения:

  • Хорошо: < 0.1
  • Требует улучшения: 0.1-0.25
  • Плохо: > 0.25

  • Причины сдвигов:

  • Изображения без размеров
  • Динамически загружаемая реклама
  • Встраиваемый контент (iframe)
  • Веб-шрифты (FOUT/FOIT)

  • Как исправить:

  • Указывать width/height для изображений
  • Резервировать место для рекламы
  • Использовать font-display: swap
  • Связанные термины