Скорость загрузки сайта: что измерять и как ускорять

Посетитель не знает, что такое время ответа сервера или блокирующие скрипты. Он просто видит белый экран, ждёт пару секунд и нажимает «назад». Для бизнеса это потерянная заявка, для поисковой системы — сигнал, что страница не удовлетворила пользователя. Скорость загрузки давно стала частью оценки качества сайта и в Яндексе, и в Google.

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

Почему скорость влияет на продажи и позиции

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

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

Какие показатели измерять

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

Время ответа сервера

TTFB — время до получения первого байта от сервера. Показывает, насколько быстро сервер начинает отдавать страницу. Если здесь больше 600–800 миллисекунд, проблема в хостинге, настройках сервера или тяжёлой серверной логике CMS.

Отрисовка основного контента

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

Отзывчивость

INP — насколько быстро страница реагирует на действия: нажатие кнопки, открытие меню, ввод в форму. Если сайт загрузился, но кнопка «Оставить заявку» реагирует через секунду, это раздражает не меньше долгой загрузки.

Стабильность вёрстки

CLS — насколько элементы «прыгают» во время загрузки. Классическая ситуация: человек собирается нажать на ссылку, а в этот момент сверху подгружается баннер, и палец попадает не туда.

Последние три показателя входят в набор Core Web Vitals. Подробнее о каждом — в статье Core Web Vitals простым языком: LCP, INP и CLS.

Показатель	Хорошо	Требует улучшения	Плохо
TTFB	до 0,8 с	0,8–1,8 с	больше 1,8 с
LCP	до 2,5 с	2,5–4 с	больше 4 с
INP	до 200 мс	200–500 мс	больше 500 мс
CLS	до 0,1	0,1–0,25	больше 0,25

Как правильно измерять

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

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

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

Если полевые данные недоступны из-за небольшого трафика, ориентируйтесь на лабораторные, но проверяйте несколько раз и с разных страниц.

Инструменты

1. PageSpeed Insights — показывает и полевые, и лабораторные данные, даёт список рекомендаций.
2. Отчёт о скорости в Яндекс Вебмастере и отчёт Core Web Vitals в Search Console — сводка по группам страниц сайта.
3. Инструменты разработчика в браузере — вкладка производительности и сетевых запросов, где видно, какие файлы грузятся и сколько весят.
4. Мониторинг в Метрике — отчёт о времени загрузки страниц у реальных посетителей.

Что проверять

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

Что ускорять в первую очередь

Мы разбили доработки на группы по соотношению эффекта и трудозатрат. Начинайте сверху.

Изображения

Изображения — причина медленной загрузки номер один на сайтах малого бизнеса. Фото работ загружают прямо с телефона по 5–6 МБ каждое, а на странице их двадцать.

• Сжимайте изображения до разумного качества и размера — фото шириной 4 000 пикселей не нужно, если оно показывается в блоке шириной 800.
• Используйте современные форматы WebP или AVIF.
• Включите отложенную загрузку для изображений ниже первого экрана.
• Указывайте размеры изображений в вёрстке, чтобы избежать скачков макета.

Сторонние скрипты

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

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

Шрифты, стили и скрипты сайта

• Подключайте только нужные начертания шрифтов, а не все десять.
• Объединяйте и минифицируйте CSS и JavaScript.
• Откладывайте загрузку скриптов, которые не нужны для первого экрана.
• Удаляйте неиспользуемый код — часто после смены дизайна в теме остаются мегабайты старых стилей.

Сервер и кеширование

• Включите сжатие ответов сервера и кеширование статических файлов в браузере.
• Используйте серверное кеширование страниц, если CMS это поддерживает.
• Оцените хостинг: дешёвый тариф с перегруженным сервером может свести на нет все остальные усилия.
• Для аудитории в России выбирайте сервер, расположенный в России, чтобы сократить задержки.

Практический пример

Интернет-магазин садовой техники из Самары жаловался на низкую конверсию с мобильных. Замеры показали LCP около 7 секунд на карточках товаров. Причины оказались типичными: фотографии товаров по 2–3 МБ без сжатия, слайдер с автопрокруткой на первом экране, четыре чата и виджета от разных сервисов, сервер на недорогом виртуальном хостинге.

Что сделали:

1. Настроили автоматическое сжатие и конвертацию изображений в WebP при загрузке.
2. Заменили слайдер статичным изображением с наиболее популярным товаром.
3. Оставили один чат и перевели его загрузку на отложенную.
4. Переехали на более мощный тариф и включили кеширование страниц.

В итоге LCP на карточках снизился до 2,1 секунды, а доля мобильных заказов за следующие два месяца заметно выросла. Больше примеров работы с магазинами — на странице продвижения интернет-магазинов.

Как поддерживать скорость после оптимизации

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

1. Автоматизируйте обработку изображений. Пусть CMS сама сжимает и конвертирует картинки при загрузке — тогда качество не будет зависеть от внимательности сотрудников.
2. Согласовывайте новые сервисы. Любой новый скрипт на сайте — через ответственного за техническую часть, с проверкой влияния на загрузку.
3. Проверяйте ключевые шаблоны раз в месяц. Достаточно прогнать пять-шесть страниц через PageSpeed Insights и сравнить с прошлыми замерами.
4. Следите за отчётами в Вебмастере и Search Console. Там появляются предупреждения, если показатели у группы страниц ухудшились.

Чего не стоит делать

Гонка за баллами иногда приводит к вредным решениям:

• Не удаляйте полезные элементы ради скорости. Если калькулятор стоимости приносит заявки, его нужно оптимизировать, а не убирать.
• Не ставьте десяток плагинов ускорения. Они конфликтуют между собой и часто ломают вёрстку.
• Не оценивайте результат только по баллу PageSpeed. Ориентир — реальные метрики и поведение пользователей.
• Не забывайте проверять сайт после каждого обновления CMS и модулей. Скорость имеет свойство деградировать.

Выводы

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

• измеряйте несколько показателей — TTFB, LCP, INP, CLS — на разных типах страниц;
• опирайтесь на полевые данные реальных посетителей, а лабораторные тесты используйте для поиска причин;
• начинайте с изображений и сторонних скриптов — это самые частые и легко устранимые проблемы;
• не забывайте о сервере и кешировании;
• проверяйте скорость регулярно, а не один раз.

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