@Gerich4444

Проблема с CLS: значение показателя выше порогового (0,25). Устройство: мобильные устройства. Как решить?

Добрый день! Подскажите, пожалуйста, чайнику, как решить данную проблему на сайте https://giroskuter-spb-shop.ru/

5f9d3f3f64552687487321.jpeg
  • Вопрос задан
  • 4617 просмотров
Решения вопроса 1
HeadOnFire
@HeadOnFire
PHP, Laravel & WordPress Evangelist
Вы хоть почитали что такое CLS?

CLS - Cumulative Layout Shift, это на сколько сдвигаются элементы вашей страницы в процессе ее загрузки. В идеале, CLS 0 означает что изначально страница размечается со всеми элементами нужных размеров, и по мере подгрузки этих элементов (картинок, например) соседние элементы не скачут.

В вашем же случае страница скачет как бешеная. Вот начало загрузки:

5fa3d64ceab73443827463.jpeg

У шапки нету размера, у картинок категорий нету размеров и тд - и так по всей странице. А теперь подгрузилась шапка, и все остальное уехало вниз (чем сильно бесит пользователей и гугл):

5fa3d684e5c46484632593.jpeg

Чтобы этого не происходило, контейнерам, которые содержат подобные элементы, нужно задавать реальные размеры. Подробнее гуглите и изучайте теорию, все разжевано. Например, вот.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы