PageSpeed Insights: как читать отчёт о скорости сайта

Зачем владельцу бизнеса смотреть на скорость

Большая часть посетителей приходит с телефона: из рекламы в Instagram, из ссылки в Telegram-канале, из поиска Google, с OLX или из маркетплейса. Человек нажал на ссылку и ждёт. Если страница грузится долго, он закрывает вкладку, а вы уже заплатили за этот клик в Meta Ads или Google Ads.

Поэтому скорость — это не прихоть разработчиков, а часть воронки продаж. Медленный сайт делает рекламу дороже и снижает число заявок при том же бюджете в сумах.

Как читать pagespeed insights: две части отчёта

Отчёт состоит из двух блоков, и путать их нельзя. Первый — полевые данные: показатели реальных людей, которые открывали страницу в последние недели. Именно их Google учитывает при оценке удобства сайта. Если трафика на странице мало, этого блока может не быть — это нормально для молодых сайтов и узких страниц.

Второй блок — лабораторные данные. Это разовая проверка в смоделированных условиях: медленное устройство, не самое быстрое соединение. Она нужна не для вердикта, а для поиска причин: какая картинка тяжёлая, какой скрипт тормозит страницу. Результат от запуска к запуску немного отличается, и это тоже нормально.

Три показателя Core Web Vitals

В верхней части отчёта стоят три ключевых показателя. Для каждого Google показывает статус: «хорошо», «требует улучшения» или «плохо».

• LCP — за какое время появляется основное содержимое: главная картинка, заголовок, первый экран.
• INP — как быстро страница реагирует на нажатия и ввод: кнопка «Заказать», меню, форма заявки.
• CLS — насколько элементы «прыгают» при загрузке: например, кнопка уезжает вниз в момент нажатия, потому что подгрузился баннер.

Почему не нужно гнаться за 100 баллами

Круглая оценка от 0 до 100 — это итог лабораторной проверки, а она зависит от условий сети и сервера. Один и тот же сайт в разные минуты получает разные баллы. Сайт с оценкой в 70 баллов и «хорошими» показателями у реальных пользователей может работать лучше, чем сайт с 95 баллами в лаборатории и жалобами клиентов.

Ориентируйтесь на статус Core Web Vitals и полевые данные, а балл используйте как грубый ориентир динамики до и после правок.

Мобильная проверка важнее компьютерной

В отчёте есть две вкладки — мобильная и для компьютера. Мобильная строже, потому что имитирует слабое устройство и среднее соединение. Для ташкентского офиса с оптоволокном всё может открываться мгновенно, а в области, на мобильном интернете, картина другая. Ваши клиенты живут именно там, поэтому смотрите в первую очередь мобильную вкладку.

С чего начать исправления

Ниже в отчёте идут рекомендации, рядом с каждой указан примерный выигрыш во времени. Начинайте с тех, что дают больше всего, и не берите всё подряд.

• Оптимизировать изображения: сжать фото товаров, использовать современные форматы, не грузить огромные баннеры на мобильные.
• Убрать неиспользуемый код CSS и JavaScript.
• Отложить загрузку некритичных скриптов — чатов, виджетов, виджетов отзывов.
• Сократить время ответа сервера: хостинг, кэширование, тяжёлые плагины.
• Ограничить сторонние скрипты: пиксели, счётчики, подключённые «на всякий случай».

Проверяйте шаблоны, а не только главную

Сайт собран из шаблонов: главная, категория, карточка товара или услуги, статья блога. Проблема шаблона повторяется на всех страницах этого типа, поэтому достаточно проверить по одной странице каждого вида и исправить причину один раз. Особенно внимательно смотрите карточку товара и посадочную страницу рекламы — на них приходятся оплаченные переходы.

Если в отчёте много пунктов и непонятно, что действительно влияет на заявки, а что косметика, это вопрос приоритетов, а не только техники. В markdev мы помогаем разобраться, какие правки скорости окупятся для вашего бизнеса, и встроить их в общую маркетинговую стратегию. Опишите задачу — обсудим, с чего лучше начать.