Что такое скорость загрузки сайта?
Скорость загрузки сегодня описывают не одной цифрой, а 3 показателями Core Web Vitals, которые Google считает главными для удобства страницы. LCP показывает, когда появился основной контент первого экрана, INP показывает, как быстро страница отвечает на нажатия, CLS показывает, насколько элементы прыгают при загрузке.
Привычное «время до полной загрузки» мало говорит о том, что видит человек. Страница может стать полезной задолго до окончания загрузки всех файлов или, наоборот, выглядеть готовой, но не реагировать на клик по кнопке, пока браузер разбирает тяжёлый JavaScript.
Какие показатели скорости сайта считаются нормой?
Google считает страницу быстрой, если 3 показателя Core Web Vitals попадают в зону «хорошо» у 75-го перцентиля посещений, то есть как минимум у трёх четвертей визитов. Пороги актуальны на октябрь 2026 года:
| Показатель | Что измеряет | Хорошо | Плохо |
|---|---|---|---|
| LCP | Появление самого крупного элемента первого экрана: фото, баннера, заголовка | до 2,5 секунды | больше 4 секунд |
| INP | Задержку отклика на клик, касание или ввод с клавиатуры | до 200 мс | больше 500 мс |
| CLS | Сдвиги вёрстки во время загрузки | до 0,1 | больше 0,25 |
| FCP, вспомогательный | Появление первого текста или картинки | до 1,8 секунды | больше 3 секунд |
| TTFB, вспомогательный | Время ответа сервера | до 0,8 секунды | больше 1,8 секунды |
Пороги официальные, опубликованы Google на web.dev. Между «хорошо» и «плохо» лежит зона «требуется улучшение». INP заменил FID в составе Core Web Vitals в марте 2024 года.
Как проверить скорость загрузки сайта?
Проверка скорости загрузки сайта идёт 4 способами, и надёжнее сочетать хотя бы 2 из них. Лабораторный тест показывает причины задержек, полевые данные показывают, как сайт работает у реальных посетителей. Быстрее всего начать с бесплатного инструмента Google PageSpeed Insights; разработчику удобнее Lighthouse в Chrome; владельцу сайта с трафиком нужны отчёт Core Web Vitals в Google Search Console и отчёт «Время загрузки страниц» в Яндекс Метрике.
Скорость загрузки сайта в Google PageSpeed Insights: как проверить?
Google PageSpeed Insights работает онлайн и бесплатно, проверка одной страницы занимает 5 шагов:
- 01Откройте сервис
Зайдите на pagespeed.web.dev, вставьте адрес страницы и нажмите «Анализировать». Проверяйте не только главную, но и страницы, на которые приходят клиенты: услугу, категорию каталога, карточку товара.
- 02Начните с вкладки мобильных
Мобильный тест строже: инструмент эмулирует телефон среднего уровня и слабый мобильный интернет. Если страница хороша на телефоне, на компьютере проблем обычно меньше.
- 03Посмотрите данные реальных пользователей
Верхний блок показывает Core Web Vitals по посещениям из Chrome за последние 28 дней. Если трафика мало, этих данных не будет, и останется только лабораторный тест.
- 04Оцените лабораторный тест
Ниже идёт балл производительности от 0 до 100 по результатам Lighthouse и значения 5 лабораторных показателей для одной загрузки.
- 05Разберите рекомендации
Раздел диагностики показывает, какие из ресурсов страницы тормозят загрузку и сколько секунд можно сэкономить. Начинайте с советов по LCP и по ресурсам, блокирующим отрисовку.
Что означает оценка Google PageSpeed от 0 до 100?
Оценка Google PageSpeed от 90 до 100 считается хорошей и подсвечивается зелёным, от 50 до 89 оранжевым, ниже 50 красным. Балл складывается из 5 лабораторных показателей одной загрузки, среди них FCP, LCP, Speed Index и Total Blocking Time.
Балл полезен, чтобы найти проблемы и рекомендации, но поисковики смотрят не на него, а на данные реальных посещений. Балл меняется от проверки к проверке: на результат влияют нагрузка на сервер, сеть и сторонние скрипты. Поэтому сравнивайте 3 запуска подряд и смотрите на отдельные показатели, а не на одну цифру.
Как определить скорость загрузки сайта в браузере?
Определить скорость загрузки можно без онлайн-сервисов, прямо в Chrome за 3 шага:
- 01Lighthouse
Откройте страницу в режиме инкогнито, чтобы расширения не искажали замер, нажмите F12, выберите вкладку Lighthouse, режим Mobile, категорию Performance и запустите анализ. Встроенный инструмент даёт отчёт того же формата, что лабораторная часть PageSpeed Insights, но результат зависит от мощности вашего компьютера.
- 02Вкладка Network
Показывает водопад загрузки: сколько ресурсов грузится, сколько весит каждый и сколько ждёт первого байта. Внизу видны число запросов, общий вес и время событий DOMContentLoaded и Load. Замедление сети включается в списке Throttling, а анализ водопада сразу показывает самый тяжёлый файл.
- 03Вкладка Performance
Выводит значения Core Web Vitals прямо во время работы со страницей: кликайте по меню и кнопкам и смотрите, какие действия отвечают с задержкой.
Где смотреть скорость у реальных посетителей?
Лабораторный тест проверяет 1 загрузку на 1 устройстве. Реальную картину дают 3 отчёта:
- Google Search Console, отчёт «Основные интернет-показатели». Главный отчёт для SEO-контроля: группирует страницы по статусам «Хорошо», «Требуется улучшение» и «Плохо» отдельно для телефонов и компьютеров. После исправления запускайте проверку исправления: Google собирает новые данные около 28 дней.
- Яндекс Метрика, отчёт «Время загрузки страниц». Находится в разделе «Стандартные отчёты», группа «Мониторинг». Раскладывает загрузку на этапы: подключение, ответ сервера, отрисовка, переадресации, и показывает медиану с разбивкой по браузерам.
- Яндекс Вебмастер, «Проверка ответа сервера». Показывает код ответа и время, за которое сервер отдал страницу роботу Яндекса.
Какие ещё speed-тесты проверяют скорость загрузки онлайн?
Кроме PageSpeed Insights, проверку скорости сайта бесплатно делают 3 популярных сервиса:
- WebPageTest: выбор города, устройства и типа соединения, водопад загрузки и покадровое видео отрисовки страницы.
- GTmetrix: показатели Lighthouse, водопад загрузки и история проверок, удобно сравнивать результат до и после оптимизации.
- Pingdom Tools: простой отчёт о времени загрузки, весе страницы и числе запросов по типам файлов.
Результаты разных сервисов не совпадают: у каждого свой сервер проверки, своё устройство и своя сеть. Сравнивайте сайт с самим собой в одном инструменте, а не цифры разных сервисов между собой.
Какие факторы определяют скорость загрузки?
На загрузку работают 6 групп факторов, и у тяжёлого сайта обычно срабатывают сразу несколько:
- Сервер и хостинг
Время ответа сервера зависит от мощности тарифа, версии PHP, кеширования и тяжёлых запросов к базе данных. Пока сервер думает, посетитель смотрит на белый экран.
- Изображения
Фото в несколько мегабайт, форматы JPEG и PNG вместо WebP или AVIF, картинка шириной 4000 пикселей там, где хватит 800.
- JavaScript
Сторонние скрипты: онлайн-чаты, виджеты обратного звонка, соцсети, счётчики. Каждый тянет свои файлы и занимает процессор устройства, что ухудшает INP.
- CSS и шрифты
Стили и веб-шрифты относятся к блокирующим отрисовку ресурсов: пока они не загружены, человек видит пустой экран или невидимый текст.
- CMS и плагины
Каждый модуль системы управления добавляет свой код и обращения к базе. Десятки плагинов на WordPress заметно замедляют сайт, даже если половина из них не используется.
- Вёрстка
Картинки и баннеры без заданных размеров сдвигают контент при загрузке, отсюда высокий CLS. Цепочки редиректов добавляют лишние переходы до начала загрузки.
Как ускорить загрузку сайта: 10 шагов
Шаги идут по порядку отдачи: первые 3 обычно дают самый заметный эффект при минимальных затратах.
- 01Сожмите изображения
Переведите фото в WebP или AVIF и отдавайте их по размеру экрана через srcset: телефону не нужна картинка для широкого монитора.
- 02Ускорьте главный элемент первого экрана
Не ставьте отложенную загрузку на картинку первого экрана, добавьте ей fetchpriority=high. Отложенную загрузку оставьте для изображений ниже.
- 03Задайте размеры
Укажите width и height у изображений и заранее резервируйте место под баннеры и виджеты, чтобы CLS не выходил за 0,1.
- 04Наведите порядок в сторонних скриптах
Уберите неиспользуемые виджеты и коды, остальные подключите с атрибутом defer или после первого действия пользователя.
- 05Оптимизируйте шрифты
Храните шрифты в формате woff2 на своём сервере, подключайте только нужные начертания с кириллицей и font-display: swap.
- 06Облегчите CSS
Стили первого экрана отдайте в начале страницы, остальное загрузите позже, неиспользуемые правила удалите.
- 07Включите сжатие и кеширование
Brotli или gzip для текстовых файлов и долгий срок кеширования статики: повторный визит загружается быстрее.
- 08Ускорьте сервер
Кеш страниц, актуальная версия PHP, оптимизация запросов к базе. Если тариф не справляется, смените хостинг; как выбрать, рассказываем в статье о домене и хостинге.
- 09Почистите CMS
Отключите лишние плагины и модули, обновите ядро и тему. Как CMS меняет вес сайта, разбираем в статье что такое CMS.
- 10Разбейте длинные задачи JavaScript
Тяжёлые обработчики кликов и вычисления разделите на части, чтобы браузер успевал ответить на нажатие. Так снижается INP.
После правок повторите проверку в PageSpeed Insights, а полевые данные в Search Console оценивайте через 28 дней: столько Google копит новую статистику.
Влияет ли скорость загрузки на позиции в поиске?
Google прямо пишет, что Core Web Vitals входят в сигналы удобства страницы, которые учитывают системы ранжирования. При этом релевантный и полезный контент важнее: быстрая страница, которая не решает задачу посетителя, не обгонит медленную, но полезную. Для SEO скорость служит условием, а не заменой контенту. Яндекс официальных порогов скорости не публикует, зато отчёт о времени загрузки встроен в Метрику. На конверсии скорость влияет напрямую: пока страница не отрисовалась, посетитель не видит предложение и форму заявки. Цифры потерь смотрите в аналитике своего сайта, а не в чужих исследованиях.
Как мы делаем сайты быстрыми
Перед запуском каждый сайт студии проходит проверку скорости и Core Web Vitals вместе с доступностью, валидной разметкой и адаптивом на реальных устройствах. Структуру, SEO-разметку и запас скорости закладываем до дизайна, на этапе выбора технологий: лендинги и визитки делаем на чистом HTML, CSS и JavaScript без лишнего веса, магазин Rilis на 7 774 позиции собран на Astro, фреймворке, который по умолчанию отдаёт готовый HTML без лишних скриптов.
У сайтов на конструкторах возможности ускорения ограничены: код и сервер принадлежат платформе, подробнее в статье о сайте на Тильде. Действующий сайт на своей CMS ускоряем в рамках технической поддержки или разовой сметой после аудита, а если вёрстка устарела целиком, честнее сделать редизайн. Живые сайты из портфолио можно прогнать через PageSpeed Insights самим, а контакты 2-3 заказчиков для отзыва даём по запросу.
Коротко: проверяйте скорость в PageSpeed Insights на мобильной вкладке, держите показатели Core Web Vitals в зелёной зоне и начинайте ускорение с изображений, первого экрана и сторонних скриптов.
Частые вопросы
Почему PageSpeed Insights каждый раз показывает разную оценку?
Лабораторный тест в PageSpeed Insights делает 1 загрузку страницы, а на неё влияют нагрузка на сервер в момент проверки, сеть между серверами Google и вашим хостингом, рекламные и сторонние скрипты, которые каждый раз грузятся по-разному. Разброс в несколько баллов нормален. Запускайте проверку 3 раза подряд и смотрите на отдельные показатели, а не на итоговый балл.
Почему мобильная проверка даёт результат хуже, чем десктопная?
Мобильный тест PageSpeed Insights эмулирует телефон среднего уровня и слабую мобильную сеть, поэтому та же страница получает на 2 вкладках разные баллы. Процессор телефона дольше разбирает JavaScript, а сеть дольше передаёт тяжёлые изображения. Ориентируйтесь на мобильную вкладку: Google оценивает сайты в первую очередь по мобильной версии, и большинство проблем видно именно там.
Нужно ли добиваться 100 баллов в PageSpeed?
Нет, 100 баллов не цель. Достаточно, чтобы 3 показателя Core Web Vitals у реальных посетителей были в зелёной зоне: LCP до 2,5 с, INP до 200 мс, CLS до 0,1. Погоня за последними баллами часто означает отказ от полезных функций: онлайн-чата, карты, видео. Разумнее убрать тяжёлое с первого экрана и подгружать дополнительные виджеты позже, сохранив их для клиентов.
Сколько стоит ускорить сайт?
Ускорение действующего сайта считаем после аудита: смотрим отчёты PageSpeed Insights и Search Console, код, CMS и хостинг и по итогам анализа называем смету и рекомендации. Если сайт уже у нас на поддержке, ускорение идёт в рамках технической поддержки от 30 000 ₽ в месяц. Когда тормозит сама архитектура сайта, дешевле обойдётся редизайн от 90 000 ₽, чем бесконечная оптимизация старого кода.
