Как проверить скорость загрузки сайта: 5 бесплатных инструментов и как читать результат
9 мин чтения
Как проверить скорость загрузки сайта: 5 бесплатных инструментов и как читать результат

Как проверить скорость загрузки сайта: 5 бесплатных инструментов и как читать результат

Что показывают PageSpeed Insights, Яндекс Вебмастер, Метрика, WebPageTest и GTmetrix, какие цифры считаются нормой, почему у вас 95 баллов, а клиенты жалуются, и что просить у разработчика.

Проверить скорость загрузки сайта — значит измерить, за сколько секунд страница появляется и начинает отвечать у посетителя, и сравнить результат с порогами, которые Google и Яндекс считают нормой. Нормой по Google считается: основной контент виден не позже чем через 2,5 секунды, реакция на нажатие — до 200 миллисекунд, элементы страницы не прыгают при загрузке.

Самый короткий способ проверить скорость сайта — PageSpeed Insights от Google: вставьте адрес страницы, через 30–60 секунд получите оценку от 0 до 100 и данные реальных посетителей. Остальные четыре инструмента нужны, чтобы понять, где теряются секунды: на сервере, в картинках, в скриптах или по дороге до посетителя.

Почему скорость загрузки сайта важна

Медленный сайт теряет посетителей до того, как они увидели цену. По исследованию Google 2017 года, при росте времени загрузки с 1 до 3 секунд вероятность того, что посетитель уйдёт со страницы, увеличивается на 32%.

Поисковые системы это учитывают. Google включает показатели Core Web Vitals (три метрики удобства страницы, о них ниже) в число сигналов ранжирования. Яндекс собирает собственный показатель «Скорость сайта» из данных Яндекс Браузера и показывает его в Вебмастере.

Какими инструментами проверить скорость сайта бесплатно

Для первой проверки хватает PageSpeed Insights: он бесплатный, без регистрации, показывает оценку и данные реальных посетителей. Метрика и Вебмастер полезны тем, что показывают скорость именно у ваших посетителей из России, а WebPageTest и GTmetrix — когда нужно разобраться, какой файл тормозит загрузку.

Инструмент Что показывает Чем хорош Ограничение
PageSpeed Insights (Google) Оценку 0–100, Core Web Vitals реальных посетителей за 28 дней, список того, что ускорит страницу Бесплатно, без регистрации, одна страница за минуту Данных реальных посетителей нет у сайтов с малым трафиком; оценка «плавает» от прогона к прогону
Яндекс Вебмастер Показатель «Скорость сайта» по шкале до 5 — по данным Яндекс Браузера при переходах из мобильного поиска Это скорость у ваших реальных посетителей из Яндекса Появляется только при достаточном трафике; обновляется не чаще раза в месяц; не говорит, что именно чинить
Яндекс Метрика Отчёт «Время загрузки страниц»: ответ сервера, загрузка HTML, отрисовка — по каждой странице, городу и браузеру Видно, где сайт медленный: в Москве или во Владивостоке, в Chrome или в Safari Нужен установленный счётчик; показывает медиану, а не худшие случаи
WebPageTest Покадровую «плёнку» загрузки и список всех файлов страницы с временем каждого Выбор города, браузера и скорости сети; до 3 повторов в одном тесте Нужен аккаунт (150 тестов в месяц бесплатно); интерфейс на английском; точек в России нет
GTmetrix Оценку по Lighthouse, размер страницы, число запросов и рекомендации Наглядный отчёт и хранение истории тестов Бесплатно — несколько тестов в месяц, только с компьютера, серверы за рубежом; мобильный тест платный

Данные реальных посетителей в PageSpeed Insights считаются за последние 28 дней, а показатель Вебмастера обновляется не чаще раза в месяц, поэтому после ускорения сайта не ждите, что цифры изменятся на следующий день.

Как читать результат PageSpeed Insights простыми словами

В отчёте PageSpeed Insights два разных блока: сверху — данные реальных посетителей за 28 дней, ниже — оценка 0–100, которую робот Google получил при одном прогоне страницы. Первый блок отвечает на вопрос «как быстро у людей», второй — «что улучшить». Реальные данные могут быть хорошими при оценке 60 и плохими при оценке 90.

Схема отчёта PageSpeed Insights: общая оценка и метрики LCP, INP, CLS

Как устроен отчёт: слева общая оценка, справа три метрики Core Web Vitals с пояснением, за что каждая отвечает. Цифры на схеме условные.

Оценка окрашена в три цвета: 0–49 красный («плохо»), 50–89 оранжевый («требует улучшения»), 90–100 зелёный («хорошо»). Она считается для телефона и компьютера отдельно, вкладки переключаются вверху отчёта. Мобильная оценка почти всегда ниже: по документации Lighthouse (движок этой проверки) робот эмулирует медленный 4G со скоростью около 1,6 Мбит/с и процессор в 4 раза слабее обычного.

Три главные метрики называются Core Web Vitals, по-русски — «основные показатели удобства страницы». По порогам web.dev нормой считается:

  • LCP (Largest Contentful Paint) — через сколько появился самый крупный элемент первого экрана: картинка или заголовок. Хорошо — до 2,5 с, плохо — больше 4 с.
  • INP (Interaction to Next Paint) — сколько страница «думает» после нажатия на кнопку или пункт меню. Хорошо — до 200 мс, плохо — больше 500 мс.
  • CLS (Cumulative Layout Shift) — насколько сильно элементы прыгают во время загрузки, когда вы уже целитесь в кнопку. Хорошо — до 0,1, плохо — больше 0,25.

Google смотрит на 75-й процентиль: страница проходит проверку, если в норму укладываются три четверти посещений, а не средний посетитель. Подробный разбор каждой метрики — в статье Core Web Vitals: LCP, INP, CLS.

Почему у вас 95 баллов, а у клиента всё медленно

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

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

Мобильный интернет. В офисе у вас Wi-Fi, у клиента — 4G с одним делением. Смотрите вкладку «Для мобильных устройств», а не десктопную оценку.

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

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

Почему сайт долго грузится: 7 причин и что просить у разработчика

Чаще всего сайт долго грузится по одной из семи причин: медленный ответ сервера, тяжёлые картинки, лишние скрипты, отсутствие кэширования или сжатия, далёкий хостинг и блокирующие шрифты и стили. Каждую видно в рекомендациях PageSpeed Insights, и у каждой есть понятная просьба к разработчику.

Причина Как понять Что делать
Медленный ответ сервера Рекомендация «сократите время ответа сервера»; в Метрике «Ответ сервера» больше 0,5–0,8 с Попросить включить кэш страниц в CMS, проверить тариф хостинга, оптимизировать запросы к базе
Тяжёлые картинки Рекомендации про формат и размер изображений; страница весит больше 3–5 МБ Сжать картинки, перевести в WebP или AVIF, включить отложенную загрузку ниже первого экрана
Лишние скрипты и виджеты Рекомендации про время выполнения и неиспользуемый JavaScript; высокий INP Убрать неиспользуемые чаты, счётчики и слайдеры, остальные грузить после появления страницы
Нет кэширования в браузере Рекомендация про эффективное кэширование статических ресурсов Задать срок хранения картинок, стилей и скриптов в настройках сервера
Нет сжатия текста Рекомендация «включите сжатие текста» Включить gzip или brotli на сервере — обычно одна настройка
Хостинг далеко от посетителей В Метрике по городам разрыв в разы; в WebPageTest из Европы быстро, а посетители из Сибири жалуются Перенести сайт ближе к аудитории или подключить CDN
Шрифты и стили блокируют показ Рекомендация про ресурсы, блокирующие отображение; белый экран 1–2 с, потом всё сразу Подключать шрифты локально с font-display: swap, критичные стили выносить в начало страницы

Первую причину проверяют раньше остальных: пока сервер отвечает секунду, сжатие картинок не поможет. Время ответа сервера называется TTFB (Time To First Byte — время до первого байта), и о нём у нас есть отдельная статья что такое TTFB и как его снизить.

Как проверить скорость сайта за 10 минут

За 10 минут можно получить оценку страницы, увидеть скорость у реальных посетителей и составить список из 2–3 задач для разработчика.

  1. Откройте PageSpeed Insights (pagespeed.web.dev), вставьте адрес главной страницы и нажмите «Анализировать». Дождитесь отчёта — обычно 30–60 секунд.
  2. Переключитесь на вкладку «Для мобильных устройств». Запишите оценку и посмотрите, зелёные ли три показателя в верхнем блоке с данными реальных посетителей. Если блока нет — у сайта пока мало посещений, ориентируйтесь на оценку.
  3. Прокрутите до списка рекомендаций и выпишите первые три — у каждой указана ожидаемая экономия в секундах. Это и есть задачи для разработчика.
  4. Повторите прогон для самой посещаемой внутренней страницы: карточки товара, статьи или формы заявки. Разница бывает в 30–40 баллов.
  5. Если у вас есть счётчик Метрики, откройте «Отчёты» → «Мониторинг» → «Время загрузки страниц» и добавьте группировку по городам — так видно, одинаково ли быстро сайт открывается в регионах.
  6. Откройте сайт с телефона через мобильную сеть в режиме инкогнито и засеките, через сколько секунд появился первый экран. Если дольше 3 секунд при оценке 90+, проблема в регионе или в сети, а не в коде.
Как узнавать о замедлении раньше клиентов

Разовая проверка показывает скорость только в эту минуту и только из одной точки. Пруфен раз в 2 минуты и реже открывает ваш сайт из 20 городов и показывает время ответа сервера из каждого — так видно, что сайт тормозит именно в Сибири или именно по вечерам. Обычная HTTP-проверка входит в бесплатный план на 5 проверок, а проверка «Скорость страницы» по расписанию прогоняет PageSpeed Insights и пишет вам, если оценка опустилась ниже заданного порога. Она платная — 4 ₽ за запуск, но 150 ₽, начисленных при регистрации, хватает, чтобы попробовать.

Памятка: как проверить скорость загрузки сайта

1. PageSpeed Insights — первая проверка: адрес, «Анализировать», вкладка «Для мобильных устройств».

2. Норма: LCP до 2,5 с, INP до 200 мс, CLS до 0,1, оценка от 90.

3. Верхний блок — реальные посетители, нижняя оценка — один прогон робота. Верьте верхнему.

4. Проверяйте карточку товара и статью, а не только главную.

5. Метрика → «Время загрузки страниц» по городам покажет, где сайт медленнее.

6. Сначала чините ответ сервера, потом картинки, потом скрипты.

7. Свой сайт смотрите в инкогнито с телефона — иначе кэш обманет.

8. После правок ждите 28 дней: данные реальных посетителей обновляются медленно.

Частые вопросы

Какая скорость загрузки сайта считается нормальной? Ориентируйтесь на пороги Google: главный элемент первого экрана виден за 2,5 секунды, отклик на нажатие — до 200 миллисекунд, а оценка PageSpeed Insights для мобильных — от 90 зелёная и от 50 приемлемая. Если страница появляется за 3 секунды на телефоне через мобильную сеть, это хороший результат.

Почему оценка PageSpeed Insights меняется при каждой проверке? Оценка — результат одного прогона, а на него влияют загрузка сервера в эту минуту, маршрут до него, реклама и A/B-тесты. По документации Lighthouse колебания в 5–10 баллов нормальны. Смотрите на тенденцию из нескольких прогонов и на данные реальных посетителей, а не на одну цифру.

Как проверить скорость загрузки сайта из другого города? Бесплатно — через отчёт Метрики «Время загрузки страниц» с группировкой по городам, если счётчик уже собрал данные. Разовый тест из выбранной точки делает WebPageTest, но серверов в России у него нет. Постоянно измерять время ответа из российских городов умеют сервисы мониторинга.

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

Нужно ли платить, чтобы проверить скорость сайта? Нет: PageSpeed Insights, Вебмастер и Метрика полностью бесплатны, у WebPageTest бесплатный аккаунт даёт 150 тестов в месяц. Платить имеет смысл только за регулярные автоматические замеры.

Была ли статья полезна?

Начните мониторинг прямо сейчас

Бесплатный тариф — до 5 проверок. 150 ₽ на баланс при регистрации.

Создать аккаунт