CLS issue: more than 0.25 (desktop)

[White Rabbit 0]

Здравствуйте!

Обнаружил, что гугл начал нагибать сайты не только за низкую скорость загрузки, но и за Cumulative Layout Shift. У меня сайт опустился в красную зону по этому параметру CLS issue: more than 0.25 (desktop) . Я так понимаю, что все выпадающие по наведению мышки меню теперь под запретом? 

Cumulative Layout Shift (CLS) is an important, user-centric metric for measuring visual stability because it helps quantify how often users experience unexpected layout shifts—a low CLS helps ensure that the page is delightful.

Have you ever been reading an article online when something suddenly changes on the page? Without warning, the text moves, and you've lost your place. Or even worse: you're about to tap a link or a button, but in the instant before your finger lands—BOOM—the link moves, and you end up clicking something else!

Most of the time these kinds of experiences are just annoying, but in some cases, they can cause real damage.

 

 

[support 447]

4 часа назад, White Rabbit сказал:

Здравствуйте!

Обнаружил, что гугл начал нагибать сайты не только за низкую скорость загрузки, но и за Cumulative Layout Shift. У меня сайт опустился в красную зону по этому параметру CLS issue: more than 0.25 (desktop) . Я так понимаю, что все выпадающие по наведению мышки меню теперь под запретом? 

Cumulative Layout Shift (CLS) is an important, user-centric metric for measuring visual stability because it helps quantify how often users experience unexpected layout shifts—a low CLS helps ensure that the page is delightful.

Have you ever been reading an article online when something suddenly changes on the page? Without warning, the text moves, and you've lost your place. Or even worse: you're about to tap a link or a button, but in the instant before your finger lands—BOOM—the link moves, and you end up clicking something else!

Most of the time these kinds of experiences are just annoying, but in some cases, they can cause real damage.

 

 

Нет.

CLS - это если "прыгают" блоки при загрузке страницы.

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

Вы можете в хроме оценить всё это, через закладку Perfomance и через Rendering - Layout Shift Regions.

В шаблоне vamshop4 прыгают слайдеры на главное странице.

т.е. Вы можете убрать слайдеры с главной и у Вас CLS будет меньше, либо вообще 0, потому что кроме слайдеров в шаблоне в процессе загрузки ничего не прыгает.

Вот как убрать слайдеры - 

 

Самое интересно, что не могу найти нормальные слайдеры, которые не прыгают при загрузке.

Я уже давно ищу универсальное решение, но пока для шаблона vamshop4 всё в процессе.

В шаблоне vamshop1 и так всё хорошо, высокие баллы по умолчанию.