Содержание8
Медленный сайт теряет клиентов ещё до того, как они увидят предложение. Проверить скорость загрузки — полдела: важно понять, какие цифры критичны для бизнеса, а какие можно отложить. Разберём инструменты, пороговые значения и порядок правок, которые влияют на конверсию и позиции.
Зачем бизнесу проверять скорость
Пока страница грузится, посетитель смотрит на пустой экран. Часть людей не дожидается контента: закрывает вкладку и возвращается в выдачу к конкуренту. Core Web Vitals, система метрик Google, измеряет именно этот опыт: не абстрактную «скорость сервера», а то, как быстро человек видит страницу и может с ней работать.
Largest Contentful Paint — ключевая метрика набора. Она фиксирует момент, когда отрисован крупнейший видимый элемент: главное изображение, заголовок, карточка товара. Чем дольше человек ждёт этот элемент, тем выше шанс, что он уйдёт, так и не увидев предложения.
Google прямо связывает эти метрики с поиском: данные отчёта об опыте пользователей Chrome используются поиском Google для определения фактора ранжирования страницы. Для Яндекса ориентир тот же: страница, которую не дождались, не удержит посетителя. Медленный сайт платит дважды — позициями и конверсией.
Чем проверять: сравнение инструментов
Выбор инструмента зависит от задачи: быстрая оценка, глубокий аудит или регулярный мониторинг. PageSpeed Insights остаётся отправной точкой: он объединяет лабораторный тест Lighthouse и полевые данные Chrome User Experience Report (CrUX). Лабораторные показывают, что можно улучшить, в контролируемых условиях, полевые — что реально видели посетители.
| Инструмент | Что показывает | Детализация | Когда использовать |
|---|---|---|---|
| PageSpeed Insights | Core Web Vitals, оценку Lighthouse, полевые данные CrUX | Средняя: сводка и рекомендации | Быстрая оценка, сравнение с конкурентами |
| GTmetrix | Водопад запросов, историю тестов | Высокая: графики и видео загрузки | Отслеживание динамики после правок |
| WebPageTest | Загрузку в заданных условиях | Максимальная: устройство, соединение, повторные проходы | Сложные случаи, медленные мобильные сети |
| Яндекс Метрика | Реальное время загрузки у ваших посетителей | Средняя: отчёт «Время загрузки страниц» | Контроль по всей аудитории, а не только по Chrome |
PageSpeed Insights удобен для первичной диагностики. GTmetrix хранит историю тестов — пригодится, когда нужно показать эффект оптимизации. WebPageTest задаёт любые параметры: модель смартфона, пропускную способность канала, повторный визит с кэшем.
Отчёт Core Web Vitals есть и в Google Search Console: он показывает не одну страницу, а группы адресов сайта с одинаковыми проблемами.
Как читать метрики: пороги и цвета
Core Web Vitals — три метрики, у каждой свои пороги. Search Console делит страницы на три статуса: «Хорошо», «Нужно увеличить скорость» и «Низкая скорость».
| Метрика | Хорошо | Нужно улучшить | Низкая скорость | Что измеряет | Главный рычаг |
|---|---|---|---|---|---|
| LCP (Largest Contentful Paint) | <=2,5 с | <=4 с | >4 с | Отрисовку крупного контента | Изображения, ответ сервера |
| INP (Interaction to Next Paint) | <=200 мс | <=500 мс | >500 мс | Отклик на действия посетителя | Лёгкие обработчики событий, дробление длинных задач |
| CLS (Cumulative Layout Shift) | <=0,1 | <=0,25 | >0,25 | Стабильность вёрстки при загрузке | Заданные размеры изображений, шрифтов, рекламных блоков |
TTFB (Time to First Byte) — вспомогательная метрика: время до первого байта ответа сервера. Она тянет за собой LCP: чем дольше молчит сервер, тем позже начинается отрисовка. Сокращают TTFB кэшированием и CDN.
INP пришёл на смену FID (First Input Delay). Разница принципиальна: FID учитывал только первое взаимодействие, а INP смотрит на все действия за визит, и для большинства сайтов в отчёт попадает взаимодействие с наибольшей задержкой. Сайт с тяжёлым обработчиком клика на кнопке «Купить» получит плохой INP, даже если первая прокрутка была быстрой.
Плохой LCP чаще всего означает тяжёлое главное изображение в PNG или медленный ответ сервера, из-за которого отрисовка начинается поздно. Плохой CLS — шрифт или баннер, которые догружаются и сдвигают текст.
Пошаговая проверка: от адреса до диагноза
Проверка скорости — не ввод адреса и ожидание оценки. Воспроизводимый результат требует подготовки и правильного чтения.
Подготовьте среду
Для тестов в браузере — режим инкогнито без расширений. Расширения блокируют запросы и искажают водопад, результат перестаёт отражать опыт посетителя.
Начинайте с мобильной версии
Проверка для компьютеров обычно показывает цифры лучше, но большинство посетителей приходит со смартфонов.
Запустите тест несколько раз
Лабораторные данные плавают: сервер бывает загружен, кэш CDN — холодным. Ориентируйтесь на повторяющийся результат, а не на один удачный запуск.
Читайте метрики, а не оценку
Оценка 0–100 — сводный ориентир Lighthouse. Решения принимают по конкретным LCP, INP, CLS и их статусу.
Переходите к водопаду запросов
В GTmetrix или WebPageTest найдите ресурс, который блокирует отрисовку. Это конкретный файл, а не абстрактная «проблема».
Низкая оценка пугает, но ничего не объясняет. Действовать заставляет конкретная метрика в красной зоне и файл, который её тормозит.
Красная оценка: что править в первую очередь
При плохих метриках не оптимизируйте всё сразу. Порядок задаёт соотношение усилий и эффекта.
| Проблема | Сложность | На что влияет | Очередь |
|---|---|---|---|
| Несжатые изображения без отложенной загрузки | Низкая: плагин или конвертация | LCP | Первая |
| Блокирующие CSS и JS | Средняя: критический CSS в HTML, async/defer | LCP, INP | Вторая |
| Медленный сервер, нет CDN | Средняя или высокая: настройка или смена хостинга | TTFB, LCP | Третья |
| Сторонние скрипты: аналитика, чаты, реклама | Высокая: аудит, отложенная загрузка, замена сервиса | INP | Четвёртая |
Первая очередь — изображения. Конвертация в WebP или AVIF, сжатие без видимой потери качества, отложенная загрузка всего, что ниже первого экрана. Правка простая, а эффект на LCP обычно заметен сразу.
Вторая — блокирующие ресурсы. Критический CSS встраивают прямо в HTML, остальные стили грузят асинхронно. Скрипты получают атрибуты async или defer и перестают останавливать разбор страницы. Это ускоряет отрисовку и уменьшает задержку отклика.
Третья — сервер. TTFB зависит от мощности хостинга, серверного кэша и расстояния до посетителя. CDN с точками присутствия в России сокращает путь контента. Не все зарубежные CDN работают в РФ стабильно, поэтому провайдера проверяют до подключения.
Четвёртая — сторонние скрипты. Каждый чат, рекламный пиксель и счётчик добавляет запросы и исполнение кода. Тяжёлый виджет чата легко выводит INP из зелёной зоны. Решение — отложенная загрузка, отказ от неиспользуемых сервисов, замена на лёгкие аналоги.
Адаптивный сайт, который быстро загружается на любом устройстве — основа, без которой точечная оптимизация скорости даёт мало.
Проверка из России: что учесть
Лабораторный тест запускается не из города ваших посетителей, а из той точки, которую выбрал сервис. Сервер теста в Европе для сайта на московском хостинге покажет задержки, которых российский посетитель не видит. Бывает и наоборот: зарубежный CDN, медленный для российских адресов, выглядит в таком тесте быстрым.
Полевые данные CrUX собирает браузер Chrome. Посетители из Яндекс Браузера и Safari в них не попадают, а для сайта с небольшой посещаемостью полевых данных может не быть вовсе.
Рабочий подход: тестировать из географии посетителей и сверяться с Яндекс Метрикой. Она показывает время загрузки у всей аудитории по квантилям 50% и 90%.
Лабораторный тест из Европы для сайта на российском хостинге покажет LCP хуже реального.
Чек-лист: проверка раз в квартал
Регулярный мониторинг ловит ухудшение до того, как оно отразится на продажах.
- Проверьте LCP, INP, CLS в PageSpeed Insights или GTmetrix и сравните с прошлым замером.
- Откройте отчёт Core Web Vitals в Search Console: не появились ли новые группы страниц со статусом «Низкая скорость».
- Сверьтесь с полевыми данными: Яндекс Метрика, отчёт «Время загрузки страниц», квантиль 90%.
- Проверьте новые изображения: не загрузили ли исходники без сжатия.
- Просмотрите сторонние скрипты: не добавились ли пиксели, чаты, виджеты.
- Протестируйте ключевые страницы: главную, карточку товара, корзину, оформление заказа.
Повод проверить вне графика — рост отказов, падение конверсии, жалобы на медленную работу. Плохой статус сразу по двум метрикам — повод позвать разработчика на комплексный аудит.
Техническая поддержка сайта — если сайт не выходит из красной зоны, а разбираться с сервером и скриптами некому.
Источники
- Время загрузки страниц — Яндекс Метрика — Яндекс
- Отчет о показателях Core Web Vitals — Справка Search Console — Google
- Interaction to Next Paint (INP) — web.dev
- Обзор CrUX — Chrome for Developers
- Core Web Vitals — Google Search Central — Google
