Как исправить ошибки Cumulative Layout Shift (CLS) в консоли поиска
У меня есть веб-сайт котором отображается indiabazaaronline.com, напроблема Cumulative Layout Shift(CLS)> ошибки 0,25 в консоли поиска Google. Из-за этого мы недавно потеряли 50% органических показов и кликов. я понятия не имею, как это будет исправлено. Мы будем очень признательны за любую подсказку или руководство, которые приведут к решению этой проблемы. Я попытался удалить липкий заголовок навигации, но ошибка все равно осталась.
3 ответа
Укажите ширину и высоту изображений и удалите свойство propety loading="lazy", если оно у вас есть. Это хорошо для меня.
Нет однозначного ответа на вопрос улучшения CLS. Скорее, вам нужно запустить тест скорости страницы и решить проблемы, уникальные для вашего сайта.
Проверьте свой сайт с помощью Google Page Speed Insights: https://developers.google.com/speed/pagespeed/insights/?url=https%3A%2F%2Findiabazaaronline.com%2F
Нажмите на каждую «возможность» и рассмотрите любые конкретные рекомендации.
Под «Просмотр древовидной карты» выберите «Показать аудиты, относящиеся к: CLS» и выполните все конкретные рекомендации. Например, выбор «Избегать больших сдвигов макета» определяет, какие элементы DOM конкретно вызывают сдвиг макета.
Вы можете использовать Minify
JS а также
CSSВы можете найти это здесь:matthiasmullie | минимизировать
а для изображений вы можете изменить формат изображений на
WEBPесли вы не знаете, как перейти по этой ссылке: https://stackoverflow.com/a/66439288/7660119