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