После релиза вырос CLS: контент прыгает вниз через секунду
На странице товара метрика сдвига макета (CLS) заметно ухудшилась. На первом экране есть баннер-изображение, которое отдаётся со стороннего CDN, и блок отзывов, который подставляется после ответа API. Пользователь начинает читать описание, и через секунду весь контент уезжает вниз.
Что даст наибольший эффект по этой метрике?
- Отложить подстановку отзывов таймером подольше, чтобы сдвиг случился уже после ухода пользователя со страницы.
- Уменьшить вес баннера: метрика сдвига считается по объёму загружаемых ресурсов.
- Заранее резервировать место: задать баннеру размеры или соотношение сторон, а под отзывы отрисовывать заглушку той же высоты, что и готовый блок.
- Пометить баннер первого экрана как отложенно загружаемый: браузер отложит его до появления в области видимости, сдвиг исчезнет, а метрика отрисовки крупного элемента улучшится.