Скорость сайта и Core Web Vitals: что проверить и как ускорить
Понятное объяснение метрик скорости и практический список улучшений.
Содержание
Большинство посетителей приходят на сайт с телефона, часто через мобильный интернет. Если страница загружается долго, человек уходит, не дождавшись. Медленный сайт теряет заявки и хуже выглядит в глазах поисковых систем.
Что такое Core Web Vitals
Google оценивает удобство страницы по нескольким метрикам:
| Метрика | Что измеряет | Хорошо |
|---|---|---|
| LCP | когда появился главный контент | до 2,5 с |
| INP | как быстро страница реагирует на действия | до 200 мс |
| CLS | насколько «прыгает» вёрстка при загрузке | до 0,1 |
Эти показатели — часть оценки качества страницы. Они не главный фактор ранжирования, но влияют и на поиск, и на поведение посетителей.
Как проверить
- PageSpeed Insights — введите адрес страницы и смотрите результаты для мобильных.
- Search Console → Core Web Vitals — данные реальных пользователей по всему сайту.
- Свой телефон — откройте сайт через мобильный интернет, а не Wi-Fi.
Что чаще всего замедляет сайт
Тяжёлые изображения
Фото по 3–5 МБ прямо с камеры — самая частая проблема. Решение: современные форматы (WebP, AVIF), правильный размер под экран, ленивая загрузка картинок ниже первого экрана.
Сторонние скрипты
Виджеты чатов, счётчики, пиксели соцсетей, онлайн-консультанты — каждый добавляет загрузку. Оставляйте только нужные и загружайте их после основного контента.
Шрифты
Несколько начертаний из внешних сервисов задерживают текст. Решение: локальные шрифты, только нужные начертания, подмножество символов (кириллица, латиница и казахские буквы).
Тяжёлые конструкторы и темы
Шаблонные темы с десятками плагинов грузят лишний код. Иногда быстрее переделать, чем оптимизировать.
Слайдеры и видео на первом экране
Автоматические слайдеры и фоновое видео замедляют LCP и редко повышают конверсию. Статичный первый экран с чётким предложением обычно работает лучше.
Быстрый план улучшений
- Сжать и конвертировать изображения.
- Отключить ненужные скрипты и плагины.
- Перенести шрифты на сайт.
- Задать размеры изображениям, чтобы вёрстка не прыгала.
- Включить кэширование и сжатие на сервере.
- Повторно проверить метрики.
Мы контролируем скорость в рамках поддержки сайта, а комплексную проверку проводим в SEO-аудите.