Сто баллов, а клиенты уходят: как владельцу за 20 минут проверить скорость сайта на телефоне
Владелец открывает свой сайт в офисе: страница появляется мгновенно, всё работает. Клиент открывает тот же сайт с телефона в метро или на парковке — и несколько секунд смотрит на белый экран. Правы оба: скорость сайта — не одно число, а то, как он открывается у разных людей на разных устройствах.
Хорошая новость: проверить, как сайт открывается у реальных посетителей, можно самому, бесплатно и без разработчика. Плохая: самый известный инструмент проверки чаще всего читают не с того места. Разберёмся, куда смотреть.
Почему «у меня всё быстро» ничего не значит
Ваш компьютер мощнее среднего телефона, офисный интернет стабильнее мобильного, а браузер давно сохранил картинки и шрифты вашего сайта — ему не нужно скачивать их заново. Новый посетитель приходит без всего этого.
Поэтому Google в описании своих метрик советует смотреть на 75-й процентиль загрузок, отдельно на телефонах и на компьютерах. Проще говоря, сайт быстрый, если он быстрый хотя бы у трёх посетителей из четырёх, а не у одного владельца в офисе.
Первый тест сделайте сами: выключите на телефоне Wi-Fi, откройте сайт по мобильному интернету в режиме инкогнито и заметьте, когда появилось главное — заголовок, фото, цена, кнопка. Повторите для страницы, на которую ведёт реклама. Это не замер, но честное ощущение того, что видит клиент.
Три цифры, которые важны
Google выделяет три главных показателя скорости и удобства — Core Web Vitals. У каждого есть порог «хорошо»:
- LCP, отрисовка самого крупного элемента, — до 2,5 секунды. Через сколько после начала загрузки появляется главное: большая картинка или блок текста на первом экране.
- INP, отклик на действие, — до 200 миллисекунд. Как быстро страница реагирует, когда человек нажимает кнопку, открывает меню или ставит галочку в форме.
- CLS, сдвиг макета, — не больше 0,1. Насколько страница «прыгает» при загрузке: человек целился в «Позвонить», а под палец подъехал баннер.
Для поиска эти цифры тоже не пустой звук. В документации Google Поиска сказано, что Google настоятельно рекомендует владельцам сайтов добиваться хороших Core Web Vitals для успеха в Поиске. Обещания, что быстрый сайт окажется на первом месте, там нет: скорость — одна из многих вещей, которые учитывает поиск.
PageSpeed Insights: смотрите на верхний блок, а не на баллы
Самый известный бесплатный инструмент — PageSpeed Insights. Вставляете адрес страницы, запускаете анализ, выбираете вкладку для мобильных устройств. И тут большинство смотрит на круглую оценку от 0 до 100. Это не главное.
В отчёте два разных вида данных. Справка PageSpeed Insights описывает их так:
- Данные реальных пользователей (полевые) — из отчёта Chrome User Experience Report за предыдущие 28 дней. Это то, как сайт на самом деле открывался у посетителей с браузером Chrome.
- Лабораторные данные — одна проверка страницы инструментом Lighthouse в смоделированных условиях: для мобильной версии имитируется телефон среднего уровня на мобильной сети. Из неё и получается оценка: 90 и выше — хорошо, 50–89 — нужно улучшать, ниже 50 — плохо.
Справка прямо предупреждает, что эти цифры могут не совпадать: полевые данные — история того, как страница работала у людей, а лабораторные — одна смоделированная загрузка на одном устройстве. Поэтому выводы делают по верхнему блоку, а нижний используют как подсказку, где искать причины.
Если посетителей у страницы мало, данных реальных пользователей по ней не будет. Тогда PageSpeed Insights покажет данные по сайту целиком, а у совсем небольших сайтов не будет и их. Остаются лабораторная проверка и ручной тест с телефона — для маленького сайта это нормально, а не повод для паники.
Как читать отчёт: короткий порядок
- Проверяйте не только главную. С рекламы и поиска люди часто попадают на страницы услуг, товаров и акций — с них и начните.
- Смотрите вкладку для телефона. На компьютере почти всё выглядит лучше.
- Сначала — верхний блок: пройдена ли оценка Core Web Vitals и какой показатель отмечен красным.
- Потом — диагностика внизу. Там перечислено, что мешает: тяжёлые картинки, лишние скрипты, шрифты. Это материал для разговора с разработчиком, а не задание вам.
- Не гонитесь за сотней. Лабораторная оценка может меняться от проверки к проверке, а клиентам важны реальные секунды.
Search Console: все медленные страницы списком
PageSpeed Insights проверяет одну страницу. Картину по всему сайту показывает Google Search Console — в ней есть отчёт о показателях Core Web Vitals. Данные для него берутся из того же отчёта Chrome о реальных посетителях. Страницы раскладываются по статусам «Хорошо», «Нужно увеличить скорость» и «Низкая скорость» отдельно для телефонов и компьютеров, причём статус ставится по худшему из трёх показателей.
Как подключить Search Console и что ещё в ней полезного, мы разбирали в статье про Вебмастер и Search Console. Удобно, что отчёт обновляется сам: не нужно вспоминать и проверять каждую страницу вручную.
Метрика: у посетителей вашего сайта
Если на сайте стоит Яндекс Метрика, загляните в группу отчётов «Мониторинг»: там есть отчёт «Время загрузки страниц». Он помогает понять, как быстро страницы загружаются у посетителей вашего сайта по данным счётчика. Справка оговаривает, что для сайтов с небольшой посещаемостью полноценная работа мониторинга не гарантируется.
Полезно сравнить скорость с поведением: разбейте отказы в Метрике по типу устройства. Если на телефонах отказов заметно больше, а страницы там грузятся дольше — это не доказательство, но хороший повод разобраться.
Что спросить у разработчика или подрядчика
- Какие страницы в Search Console сейчас со статусом «Нужно увеличить скорость» или «Низкая скорость» на телефонах и что с ними делаем?
- Какой из трёх показателей хуже всего — загрузка, отклик или сдвиги — и почему?
- Что именно тормозит по диагностике PageSpeed Insights: картинки, скрипты, шрифты, сервер?
- Какие сторонние скрипты стоят на сайте — чаты, виджеты, счётчики — и все ли они нужны?
- Как мы проверим, что после правок стало лучше у посетителей, а не только в баллах?
Хороший ответ называет страницу, показатель, причину и срок проверки. «Сайт и так быстрый, у меня 90 баллов» — не ответ. И помните, что данные реальных пользователей копятся 28 дней: результат правок в верхнем блоке виден не сразу, поэтому договоритесь посмотреть на него через месяц.
Чек-лист на 20 минут
- Открыть сайт с телефона по мобильному интернету в режиме инкогнито: главную и страницу, куда ведёт реклама.
- Проверить эти страницы в PageSpeed Insights на вкладке для телефона.
- Посмотреть верхний блок: пройдена ли оценка Core Web Vitals и какой показатель красный.
- Сверить с порогами: LCP до 2,5 с, INP до 200 мс, CLS до 0,1.
- Нет данных пользователей — посмотреть лабораторную проверку и диагностику.
- Открыть в Search Console отчёт о показателях Core Web Vitals для телефонов.
- В Метрике посмотреть время загрузки страниц и отказы на телефонах.
- Отправить разработчику вопросы и договориться о проверке через месяц.
А вы проверяли свой сайт в PageSpeed Insights? Что смутило больше: баллы внизу или цифры реальных пользователей наверху? Расскажите в комментариях.