frontendperf Связаться

CLS: почему контент прыгает и как это остановить

Cumulative Layout Shift — насколько сильно контент неожиданно сдвигается во время работы со страницей. Пользователь целится в кнопку, а она уезжает вниз из-за баннера.

Порог «хорошо» — до 0,1, «плохо» — больше 0,25. Считается по самому тяжёлому «окну» сдвигов за визит.

Главные причины: изображения и эмбеды без размеров, реклама и баннеры, которые вставляются сверху, веб-шрифты с другой метрикой и контент, подгружаемый над текущей позицией.

Статьи по теме

  • Резервируем место под баннеры, рекламу и эмбедыскоро
  • Шрифты без сдвигов: size-adjust и метрики фолбэкаскоро

Новые статьи сначала выходят в Telegram-канале.

Другие темы

Написать в Telegram Цены