1 минCLS — это метрика Core Web Vitals, которая показывает, насколько сильно элементы страницы неожиданно смещаются во время загрузки. Простыми словами, она оценивает визуальную стабильность: не «прыгает» ли текст, кнопки, изображения, формы или рекламные блоки, пока пользователь уже смотрит страницу.
В SEO и UX CLS важен потому, что резкие смещения мешают пользоваться сайтом. Пользователь может пытаться нажать кнопку, но в этот момент блок сдвигается, и клик попадает не туда. На коммерческом сайте это может мешать оформлению заказа, отправке заявки или переходу в нужный раздел.
Причинами высокого CLS часто становятся изображения без заданных размеров, рекламные блоки, всплывающие элементы, виджеты, шрифты, баннеры, динамически подгружаемый контент и ошибки верстки. Особенно часто проблема проявляется на мобильных устройствах, где экран меньше, а каждый сдвиг заметнее.
Чтобы снизить CLS, нужно заранее резервировать место под изображения, видео, рекламу и другие динамические элементы. Также важно аккуратно подключать шрифты, не вставлять новые блоки выше уже загруженного контента и проверять разные шаблоны страниц. Низкий CLS делает сайт более стабильным и предсказуемым, а значит — более удобным для пользователей и качественным с точки зрения технической оптимизации.
