Производительность

Как исправить CLS (Cumulative Layout Shift)

CLS — метрика визуальной стабильности. Измеряет, насколько сильно «прыгает» контент при загрузке. Хороший показатель: до 0.1.

1

Задайте размеры медиа

Всегда указывайте width и height для изображений и видео, чтобы браузер зарезервировал место.

<img src="photo.jpg" width="800" height="600" alt="...">
2

Зарезервируйте место для рекламы

Добавьте min-height для контейнеров рекламных блоков.

3

Шрифты

Используйте font-display: swap и preload для веб-шрифтов, чтобы избежать сдвига при загрузке шрифта.

@font-face {
  font-family: "MyFont";
  src: url("/fonts/myfont.woff2") format("woff2");
  font-display: swap;
}
4

Не вставляйте контент выше видимой области

Баннеры, уведомления и динамический контент не должны сдвигать основное содержимое.

Проверьте ваш сайт

Запустите аудит и узнайте, есть ли эта проблема на вашем сайте

Запустить бесплатный аудит

reChecker Support

Found a bug, outage, or unexpected behavior in reChecker? Send us a message and we will check and fix it.

This form is for reChecker feedback only. If you need development or support for your own website, send a separate request:

Please provide at least one contact method: email or phone.