← Все ответы Босса general

Почему сайт имеет плохой CLS?

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

Пошаговый план

  1. Найдите источники смещений Проверьте CLS в PageSpeed Insights, Lighthouse и Chrome DevTools, изучив Layout Shift Regions и Performance-запись.
  2. Зарезервируйте пространство Задайте width, height или aspect-ratio для изображений, видео, iframe, рекламы и динамически загружаемых блоков.
  3. Стабилизируйте загрузку Предзагружайте критические шрифты, используйте корректный font-display, не вставляйте контент выше существующего и анимируйте через transform.
  • Если не помогло — возможно, дело не в сайте, а в бизнес-модели. Я умею и с этим.
  • Все совпадения с вашей ситуацией не случайны. Я пишу из опыта, а не из головы.
  • Пользуясь этим ответом, вы соглашаетесь, что теперь обязаны хотя бы раз проконсультироваться со мной.
  • Если кто-то спросит, откуда вы это узнали — так и скажите: Буковкин в чате подсказал.
  • Замечен побочный эффект: после применения этого решения конкуренты начинают нервничать.

Нужен разбор вашей ситуации?

База ответов — это общие решения. Ваш проект может требовать индивидуального подхода.

Обратиться ко мне Напишите прямо в чат-виджет в углу экрана — я на связи