Скорость сайта и Core Web Vitals: полный гид
Обновлено: · Webu
Core Web Vitals — три метрики Google, которыми измеряется реальный опыт пользователей: LCP (загрузка основного контента, хорошо — до 2,5 секунды), INP (реакция на действия пользователя, хорошо — до 200 миллисекунд) и CLS (визуальная стабильность, хорошо — до 0,1). Google рекомендует укладываться в эти пороги для 75% визитов, отдельно на мобильных и десктопе.
- LCP
- ≤ 2,5 секунды
- INP
- ≤ 200 миллисекунд
- CLS
- ≤ 0,1
- Измеряется
- по 75-му процентилю визитов
Что такое три метрики Core Web Vitals?
Пороги взяты из официальных рекомендаций web.dev. Google советует оценивать 75-й процентиль визитов: метрика «хорошая», если не менее 75% визитов укладываются в порог.
| Метрика | Что измеряет | Хороший результат |
|---|---|---|
| LCP (Largest Contentful Paint) | Как быстро появляется главный элемент страницы | До 2,5 секунды |
| INP (Interaction to Next Paint) | Как быстро страница реагирует на нажатия и ввод | До 200 миллисекунд |
| CLS (Cumulative Layout Shift) | Насколько страница «прыгает» при загрузке | До 0,1 |
Почему скорость сайта важна для бизнеса?
На медленном сайте человек ждёт, раздражается и часто просто возвращается в поиск — к конкуренту. Особенно важен мобильный: многие открывают сайты с телефона через мобильный интернет. В рекомендациях Google хороший пользовательский опыт назван одной из основ успеха в поиске.
Как измерить скорость сайта?
- PageSpeed Insights (pagespeed.web.dev): бесплатно, показывает лабораторные данные и данные реальных пользователей, если у сайта достаточно трафика
- Google Search Console: отчёт Core Web Vitals по всему сайту
- Lighthouse в Chrome DevTools: подробный технический анализ для разработчика
- Бесплатный SEO-аудит Webu: быстрая оценка скорости, SEO и безопасности
Почему сайт работает медленно?
- Неоптимизированные изображения и видео: слишком большой размер и старые форматы (JPG и PNG вместо WebP и AVIF)
- Тяжёлые шаблоны и лишние плагины, которые грузят десятки скриптов на каждой странице
- CSS и JavaScript, блокирующие отображение страницы
- Медленный хостинг на сервере далеко от пользователей
- Шрифты, скрывающие текст до загрузки
- Элементы без заданных размеров, из-за которых страница «прыгает» при загрузке (CLS)
Как Webu ускоряет сайт?
Скорость — часть обязательной проверки качества в каждом проекте Webu. Практический пример с нашего собственного сайта: мы подготовили отдельные, более лёгкие видео для мобильных, перевели изображения в WebP и дали главному элементу высокий приоритет загрузки. Качество мы измеряем, а не просто заявляем.
- Сжатие изображений и современные форматы
- Отдельное, более лёгкое видео для мобильных
- Предзагрузка главного элемента (LCP)
- Меньше скриптов и их отложенная загрузка
- Быстрый хостинг и CDN
Частые вопросы
Что такое Core Web Vitals?
Core Web Vitals — три метрики Google для оценки реального пользовательского опыта: LCP (скорость загрузки), INP (отзывчивость) и CLS (визуальная стабильность).
Какой LCP считается хорошим?
По данным web.dev, LCP хороший, если главный элемент страницы появляется в течение 2,5 секунды после начала загрузки.
Что заменил INP?
В 2024 году INP заменил FID (First Input Delay) и теперь измеряет, как быстро страница реагирует на все действия пользователя за визит.
Как бесплатно проверить скорость сайта?
Используйте PageSpeed Insights или бесплатный SEO-аудит Webu, который вместе со скоростью оценивает SEO и безопасность.
Проверьте скорость сайта бесплатно
Сначала разбираемся в вашем бизнесе, затем создаём для него правильное решение. Первая 30-минутная консультация бесплатна.