Как оптимизировать CLS и не сойти с ума Мы сейчас плотно и вп | Канал Аралова Евгения

Как оптимизировать CLS и не сойти с ума

Мы сейчас плотно и вполне успешно занимаемся оптимизацией всех показателей Web Vitals, но периодически Гугл присылает предупреждения-сюрпризы.

Cumulative Layout Shift (CLS) — измеряет совокупный эффект всех неожиданных сдвигов макета на  странице.
Если у вас на сайте есть баннеры рекламы, то скорее всего это они накидывают баллы. Сложнее, когда кажется, что все идеально и сдвигаться нечему – не так просто обнаружить, что накидвает баллов.

Удивительно, что на прошлой неделе мы, как раз занимались поиском проблемы, а сегодня я нашел отличный мануал по тому, как легко обнаружить неочевидные сдвиги. 

В основной части статьи идет подробный разбор анализа с помощью DevTools на реальном примере. Все доступно и понятно! 

Мануал на английском, в российском сегменте про Web Vitals еще никто ничего толкового не написал. 

«How To Find & Fix Layout Shifts with Chrome DevTools»