Проверка скорости сайта

Подробно

Проверка скорости сайта: показатели, нормы и ускорение загрузки

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

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

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

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

Google с 2021 года использует Core Web Vitals как один из факторов ранжирования. Яндекс не публикует отдельного порога скорости, но учитывает поведение пользователей, которое медленный сайт портит. Быстрая загрузка не вытянет слабый контент, но медленная может удерживать хорошую страницу ниже соседей.

Core Web Vitals и другие показатели

Основные метрики скорости Google объединил в Core Web Vitals - это LCP, CLS и INP. Пороги по ним и по другим показателям, которые видны в отчётах Google:

• LCP (Largest Contentful Paint) - когда отрисован самый крупный элемент первого экрана: баннер, фото товара, заголовок. Хорошо - до 2,5 секунды, плохо - больше 4.
• CLS (Cumulative Layout Shift) - насколько сдвигается вёрстка во время загрузки. Хорошо - до 0,1, плохо - больше 0,25.
• INP (Interaction to Next Paint) - как быстро страница отвечает на нажатия. Хорошо - до 200 мс, плохо - больше 500 мс. Измеряется только на реальных посетителях.
• TBT (Total Blocking Time) - сколько времени основной поток браузера занят скриптами и не отвечает. Это лабораторная замена INP: хорошо - до 200 мс, плохо - больше 600 мс.
• FCP и TTFB - время до первого контента и время ответа сервера. Если сервер отвечает дольше 0,8 секунды, ускорение стоит начинать с него.

Сервисы для проверки скорости сайта

Самый известный сервис - PageSpeed Insights от Google: полевые и лабораторные данные, общая оценка производительности и рекомендации по оптимизации. Тот же движок Lighthouse встроен в Chrome. Время загрузки у реальных посетителей показывают Яндекс Метрика (отчёт о времени загрузки страниц) и отчёт Core Web Vitals в Google Search Console: там видно, какие группы адресов работают медленно. Для разбора отдельных ресурсов используйте вкладку «Сеть» в инструментах разработчика: видно, какой файл грузится дольше всего и что блокирует отрисовку.

Лабораторные и полевые данные

В отчёте сервиса Google два набора цифр. Полевые данные - статистика реальных посетителей Chrome за последние 28 дней; у страниц с небольшим трафиком их нет. Лабораторные данные - одна загрузка страницы в Lighthouse с замедлением сети и процессора: они есть у любой страницы и подходят для сравнения, но зависят от условий теста.

Поэтому два теста одной страницы подряд могут дать разные баллы. Важно смотреть не на общий балл, а на сами метрики и на то, как скорость сайта выглядит на фоне соседей по выдаче.

Какой должна быть скорость загрузки

Единого числа нет, но ориентиры такие: главный экран на телефоне загружается за 2,5 секунды и быстрее, вёрстка не прыгает, кнопки отвечают сразу. Вес страницы для мобильных лучше держать в пределах 1-2 МБ, а число файлов - в пределах нескольких десятков. Ещё один ориентир - сайты из ТОП-10 по вашим ключевым запросам: если они грузятся быстрее, проверка скорости сайта покажет, где вы отстаёте.

Что замедляет сайт

Чаще всего загрузку тормозят тяжёлые ресурсы и медленный сервер:

• Изображения. Фото на несколько мегабайт без сжатия, PNG вместо WebP или AVIF, картинки больше, чем нужно экрану. Тяжелее всего обычно портфолио, галереи и карточки товаров.
• Скрипты. Счётчики, онлайн-чаты, виджеты, коды рекламы и тяжёлые темы CMS занимают основной поток - отсюда высокий TBT и медленный отклик.
• Шрифты. Несколько начертаний и наборов символов, загрузка с чужих серверов, невидимый текст, пока шрифт не пришёл.
• Сервер. Медленный хостинг, нет кэширования и сжатия ответа - страница долго стоит на белом экране.
• Сдвиги вёрстки. Картинки и баннеры без заданных размеров, всплывающие блоки сверху - растёт CLS.

Как ускорить загрузку сайта

1. Используйте сжатие изображений и современные форматы - WebP или AVIF, задайте размеры и включите отложенную загрузку (lazy loading) для всего, что ниже первого экрана.
2. Главное изображение первого экрана, наоборот, загружайте сразу и с высоким приоритетом: от него зависит LCP.
3. Подключайте сторонние скрипты асинхронно или после загрузки, удалите неиспользуемые плагины и код.
4. Включите кэширование и сжатие на сервере (gzip или Brotli), а для посетителей из разных регионов - CDN.
5. Оставьте одно-два начертания шрифта и показывайте текст сразу, системным шрифтом (font-display: swap).
6. После правок повторите проверку скорости сайта и сравните показатели с прошлым замером.

Частые ошибки при проверке

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

В SERP-X проверка скорости сайта идёт списком: вставьте десятки адресов - свои и чужие - и выберите телефон, десктоп или оба. Замер делает настоящий браузер с тем же замедлением сети и процессора, что у PageSpeed, а метрики красятся по тем же порогам «хорошо / надо улучшить / плохо». В итоге видно, сколько страниц быстрые, какая метрика хуже нормы и что весит больше всего: картинки, скрипты, шрифты; всё выгружается в Excel. Работает онлайн и бесплатно, в личном кабинете, без установки. Остальные технические проблемы покажет аудит сайта.