Как проверить скорость мобильного сайта по Core Web Vitals

Как проверить скорость мобильного сайта по Core Web Vitals

Скорость мобильного сайта проверяют по трём метрикам Core Web Vitals: LCP, INP и CLS. Замеряют их двумя способами — лабораторным тестом в PageSpeed Insights и по данным реальных пользователей из CrUX. Ниже — порядок проверки, который занимает один вечер, разбор частых причин медленной загрузки у сайтов локального бизнеса и способ связать секунды с заявками, чтобы ускорение опиралось на цифры.

Что показывают Core Web Vitals и при чём тут клиенты

Core Web Vitals — набор метрик Google, которые описывают, как человек ощущает загрузку страницы. LCP показывает, когда появляется основной контент. INP — как быстро интерфейс реагирует на нажатия. CLS — прыгает ли вёрстка, пока посетитель целится в кнопку «Записаться» или «Позвонить».

Для локального бизнеса эти метрики важны вдвойне. Автосервис, стоматологию или салон ищут обычно с телефона — в дороге, на мобильном интернете, между делами. Пока страница грузится, человек успевает вернуться в выдачу и открыть конкурента, который ответил быстрее. Гайд по скорости загрузки приводит оценку: медленный сайт теряет до 40% пользователей за первые три секунды ожидания.

Дальше начинается арифметика. Исследование Portent показывает, что конверсия падает в среднем на 4,42% за каждую секунду загрузки сверх нормы в диапазоне от 0 до 5 секунд. Google и Deloitte в работе «Milliseconds Make Millions» посчитали, что ускорение всего на 0,1 секунды поднимает конверсию на 8% в ритейле и на 10% в тревел-сегменте. Речь про десятые доли секунды — и вот они уже видны в выручке.

Ориентиры Google и где смотреть каждую метрику

Метрика Что показывает Ориентир Google Где смотреть
LCP Время до появления основного контента страницы до 2,5 секунды CrUX, Lighthouse, Метрика
INP Задержку отклика на клик, тап, ввод текста до 200 миллисекунд CrUX, Lighthouse
CLS Сдвиги блоков во время загрузки до 0,1 CrUX, Lighthouse

Как проверить сайт за один вечер: три шага

Шаг 1. Посмотрите данные реальных пользователей

Откройте PageSpeed Insights и блок с полевыми данными CrUX. Это статистика Chrome по живым визитам за последние 28 дней: видно, что происходит у настоящих посетителей, а не в идеальных условиях теста. Если полевых данных нет, значит трафика на адрес мало — тогда опирайтесь на лабораторный замер и свою аналитику.

Шаг 2. Разберите лабораторный тест

Lighthouse в PageSpeed Insights запускается по кнопке «Анализ». Смотрите мобильный режим, а не десктопный: на телефоне и сеть медленнее, и процессор слабее. В отчёте есть раздел «Возможности» — список задач с оценкой экономии в секундах. Начинайте с тех, что обещают больше всего времени.

Шаг 3. Свяжите замеры со своей аналитикой

PageSpeed не знает ваших посетителей. Отчёты Яндекс Метрики и Google Analytics по скорости страницы, в разрезе устройства и источника трафика покажут, где именно теряются люди. Посмотрите отказы и глубину просмотра по страницам с плохим LCP. Часто это карточки товаров или страницы услуг, на которые идёт платный трафик.

Какие инструменты что показывают

Инструмент Что даёт Когда использовать
PageSpeed Insights Полевые данные CrUX плюс лабораторный тест по конкретному адресу Быстрый первый замер страницы
CrUX Реальные метрики Chrome за 28 дней по всему сайту Оценка состояния проекта целиком
Яндекс Метрика, Google Analytics Отказы, глубина просмотра, конверсия по страницам и устройствам Связка скорости с поведением и заявками

Что чаще всего тормозит сайты локального бизнеса

Причины повторяются от проекта к проекту. Тяжёлые изображения, которые не сжали и не перевели в современные форматы. Шрифты и скрипты, подключённые без приоритетов. Слайдеры, карты и сторонние виджеты, каждый из которых тянет за собой десятки файлов. Хостинг за пределами Беларуси без CDN.

Лечится это по-разному. Изображения — сжатием и ленивой загрузкой. Скрипты — отложенным выполнением и удалением лишних счётчиков. Хостинг — переездом или подключением CDN. Подробный разбор этих шагов есть в материале о том, как ускорить сайт малого бизнеса в Беларуси: там изображения, CDN и работа с Core Web Vitals разложены по пунктам.

Отдельная история у интернет-магазинов: к скорости загрузки добавляется каталог, фильтры и корзина. Логику работы с этим узким местом разбирает материал про ускорение мобильного сайта интернет-магазина.

Многое зависит от движка. На Tilda, WordPress и самописной CMS узкие места разные, поэтому сначала измеряют, а потом что-то меняют. Проверить типовые точки отказа за час помогает технический SEO-аудит для малого бизнеса с проверками Core Web Vitals.

Как понять, что ускорение окупилось

Отчёт с зелёными метриками сам по себе не докажет, что вложения вернулись. Нужен перевод в заявки и выручку. Самый простой путь — зафиксировать точку отсчёта: текущие LCP, INP, CLS, конверсию из визита в заявку и средний чек. Через две-четыре недели после ускорения сравните те же цифры на сопоставимом трафике.

Такой замер требует корректных целей в аналитике: клик по телефону, отправка формы, переход в мессенджер. Без них вы увидите рост скорости и ноль изменений в отчёте. Если сайт собран на Tilda, посмотрите разбор настройки веб-аналитики для сайта на Tilda — там про события на кнопках и формах, без которых сравнение «до и после» превращается в гадание.

Ещё один ориентир — когорты. Разделите посетителей на пришедших до ускорения и после, затем сравните поведение по месяцам. Так видно устойчивый эффект, а не случайный всплеск в один удачный день.

Типичные ошибки при работе со скоростью

  • Смотрят только десктопный замер и делают выводы о мобильном сайте.
  • Гонятся за оценкой в 100 баллов вместо конкретных метрик и их влияния на конверсию.
  • Ускоряют главную, тогда как трафик идёт на карточки товаров и страницы услуг.
  • Внедряют всё сразу, а потом не могут понять, что дало результат и что сломало отчёт.
  • Не фиксируют точку отсчёта — сравнивать «до и после» не с чем.
  • Оставляют десяток счётчиков и виджетов, каждый из которых добавляет к загрузке заметную долю секунды.

Почему проверять стоит регулярно

Сайт не стоит на месте: появляются баннеры, виджеты, новые счётчики, меняется хостинг и дизайн. Любая правка может сдвинуть LCP назад. Разумный ритм — раз в месяц открывать PageSpeed Insights и сверять метрики с прошлым замером, а раз в квартал смотреть полевые данные вместе с заявками. Тогда падение заметно до того, как оно превратится в просевшую выручку.

3 шага, которые можно сделать на этой неделе:

  1. Открыть PageSpeed Insights в мобильном режиме и записать LCP, INP и CLS по двум-трём ключевым страницам.
  2. Сверить эти страницы с отчётом Метрики или GA по конверсии, отказам и источникам трафика.
  3. Сделать одну правку — сжать изображения и включить ленивую загрузку — и повторить замер через две недели.