Как проверить скорость загрузки сайта и что влияет на показатели

Иван Корнев·27.04.2026·⏱6 мин

Чтобы проверить скорость загрузки сайта, используйте инструмент Google PageSpeed Insights или WebPageTest. Введите адрес страницы, выберите устройство (мобильное или десктоп) и запустите анализ. Ключевые метрики, на которые нужно ориентироваться: LCP (загрузка основного контента) до 2.5 с, INP (отзывчивость интерфейса) до 200 мс и CLS (визуальная стабильность) до 0.1. Улучшение этих показателей напрямую влияет на ранжирование в Google и конверсию пользователей.

Скорость работы ресурса — это не просто техническая характеристика, а критический фактор пользовательского опыта (UX). Медленные сайты теряют посетителей: задержка загрузки даже на 1 секунду может снизить конверсию на 7%. Ниже разберем, как правильно проводить аудит, какие инструменты использовать и что именно тормозит ваш проект.

Важно: С марта 2024 года метрика FID (First Input Delay) окончательно заменена на INP (Interaction to Next Paint) во всех инструментах Google. Если вы видите рекомендации по FID в старых статьях, ориентируйтесь на INP для оценки отзывчивости интерфейса.

Основные инструменты для проверки скорости

Не ограничивайтесь одним сервисом. Каждый инструмент дает свой срез данных: лабораторные (синтетические) или полевые (реальные пользователи).

1. PageSpeed Insights (PSI)

Главный инструмент от Google. Он показывает два типа данных:

Лабораторные данные: Результат симуляции загрузки в контролируемых условиях. Помогает найти технические ошибки.
Полевые данные (CrUX): Реальная статистика от пользователей Chrome. Показывает, как сайт работает «в жизни».

Если полевые данные красные, а лабораторные зеленые — проблема может быть в слабом устройстве пользователя или плохом интернете, а не в коде. И наоборот: если лабораторные данные плохие, значит, есть технические долги, которые нужно исправить.

2. WebPageTest

Более гибкий инструмент для глубокого анализа. Позволяет выбрать:

Геолокацию сервера (проверьте скорость из страны вашей целевой аудитории).
Тип устройства и браузера.
Скорость интернет-соединения (3G, 4G, кабель).

Инструмент предоставляет «водопад» запросов (Waterfall), где видно, какой именно файл (картинка, скрипт, шрифт) блокирует загрузку.

3. Lighthouse (в Chrome DevTools)

Встроен в браузер Chrome (вкладка Audits). Удобно для быстрой проверки локальных изменений перед выкаткой на продакшн. Работает только с лабораторными данными.

Ключевые метрики Core Web Vitals

Google оценивает качество страницы по трем основным параметрам. Именно их нужно улучшать в первую очередь.

Метрика	Что измеряет	Хороший показатель	Почему важно
LCP (Largest Contentful Paint)	Время загрузки самого крупного элемента на экране (обычно баннер или заголовок).	< 2.5 сек	Пользователь понимает, что страница загрузилась.
INP (Interaction to Next Paint)	Задержка между действием пользователя (клик, тап) и реакцией интерфейса.	< 200 мс	Сайт ощущается «живым» и отзывчивым.
CLS (Cumulative Layout Shift)	Накопительный сдвиг макета. Насколько сильно «прыгают» элементы при загрузке.	< 0.1	Предотвращает случайные клики по неправильным кнопкам.

Совет: Для проверки INP используйте вкладку «Performance» в инструментах разработчика Chrome. Запишите профиль взаимодействия со страницей, чтобы увидеть, какие скрипты блокируют основной поток (Main Thread).

Что тормозит сайт: основные факторы влияния на PageSpeed

Низкий балл в PageSpeed Insights редко бывает вызван одной причиной. Обычно это комплекс проблем.

Тяжелый медиа-контент

Изображения и видео часто занимают 50–80% веса страницы.

Проблема: Использование форматов PNG/JPEG большого размера без сжатия.
Решение: Конвертируйте изображения в современные форматы WebP или AVIF. Они весят на 30–50% меньше при том же качестве. Обязательно указывайте атрибуты width и height для предотвращения сдвигов макета (CLS).

Блокирующий JavaScript и CSS

Скрипты, которые загружаются синхронно, останавливают отрисовку страницы, пока не скачаются и не выполнятся.

Проблема: Библиотеки аналитики, чаты поддержки, тяжелые фреймворки в <head>.
Решение: Используйте атрибуты async или defer для скриптов. Выносите критический CSS (стили для первого экрана) в инлайн-блок, а остальное загружайте асинхронно.

Медленный ответ сервера (TTFB)

Time to First Byte — время, которое проходит от запроса пользователя до получения первого байта данных от сервера.

Проблема: Слабый хостинг, отсутствие кэширования, тяжелые запросы к базе данных.
Решение: Настройте серверное кэширование (Redis, Varnish), используйте CDN (Content Delivery Network) для раздачи статики ближе к пользователю. Оптимизируйте SQL-запросы.

Отсутствие ленивой загрузки (Lazy Loading)

Загрузка всех изображений и видео на странице сразу, даже тех, что находятся внизу.

Решение: Добавьте атрибут loading="lazy" для изображений и iframe, находящихся ниже первого экрана. Это ускорит LCP.

Практические шаги по ускорению сайта

Выполняйте эти действия последовательно, проверяя результат после каждого этапа.

Аудит и приоритизация. Запустите PageSpeed Insights для главной страницы и ключевых посадочных страниц (категории, карточки товаров). Составьте список проблем, сортируя их по влиянию на оценку.
Оптимизация изображений.
- Сожмите все существующие картинки через сервисы типа Squoosh или TinyPNG.
- Настройте автоматическую генерацию WebP/AVIF на сервере или через CMS.
- Внедрите адаптивные изображения (srcset), чтобы мобильные устройства не загружали десктопные разрешения.
Работа с кодом.
- Удалите неиспользуемый CSS и JS (инструмент Coverage в Chrome DevTools поможет найти «мертвый» код).
- Минифицируйте файлы (удалите пробелы и комментарии).
- Отложите загрузку сторонних скриптов (виджеты соцсетей, реклама) до момента взаимодействия пользователя со страницей.
Настройка кэширования и CDN.
- Включите браузерное кэширование (заголовки Cache-Control) для статики на срок от 30 дней.
- Подключите CDN (например, Cloudflare), чтобы раздавать контент с серверов, географически близких к посетителю.
Устранение сдвигов макета (CLS).
- Жестко задайте размеры для всех медиа-элементов.
- Не добавляйте новый контент поверх существующего без явного действия пользователя (например, всплывающие баннеры должны резервировать место или появляться поверх, не сдвигая текст).

Частая ошибка: Установка плагинов «для ускорения» в CMS без настройки. Часто они конфликтуют друг с другом или добавляют лишний код, который только замедляет сайт. Лучше реализовать оптимизацию на уровне сервера или темы оформления.

Частые ошибки при оптимизации

Гонка за баллами. Цель — не 100/100 в PageSpeed, а комфортная работа пользователя. Иногда проще оставить тяжелый скрипт аналитики, чем усложнять архитектуру ради +5 баллов, если это не влияет на LCP и INP.
Игнорирование мобильных устройств. 60–80% трафика идет со смартфонов. Проверяйте скорость именно в мобильном режиме. То, что быстро грузится на мощном ПК, может «виснуть» на бюджетном Android.
Отсутствие мониторинга. Скорость может упасть после обновления плагинов или добавления нового контента. Настройте регулярный автоматический аудит (например, раз в неделю).

FAQ: Вопросы о скорости сайта

Какая скорость загрузки считается хорошей? Ориентируйтесь на «зеленую зону» Core Web Vitals: LCP до 2.5 секунд, INP до 200 миллисекунд, CLS менее 0.1. Общее время полной загрузки (Load Time) желательно держать в пределах 2–3 секунд.

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

Помогает ли замена хостинга улучшить PageSpeed? Если ваш текущий хостинг имеет высокий TTFB (более 600 мс), то переезд на более быстрый сервер или использование VPS значительно улучшит показатели. Однако, если проблема в тяжелом коде или картинках, смена хостинга не поможет.

Что делать, если сторонний скрипт (например, онлайн-консультант) сильно тормозит сайт? Попробуйте загружать его по событию (например, при скролле или клике), используйте async, либо найдите более легкую альтернативу. Если скрипт критичен, смиритесь с небольшим снижением баллов, но убедитесь, что он не блокирует отрисовку основного контента (LCP).