Время загрузки страницы — комплексная метрика, складывающаяся из нескольких этапов: разрешение DNS-имени, установка TCP-соединения и TLS-рукопожатие, получение первого байта от сервера (TTFB — Time to First Byte), парсинг и выполнение HTML/CSS/JS, рендеринг и отрисовка контента в браузере. Каждый этап добавляет задержку. Итоговое значение зависит как от серверной части (мощность, геолокация сервера, TTFB), так и от клиентской (скорость интернета, мощность устройства).
Как работает
Браузер начинает с DNS lookup — получает IP-адрес домена от DNS-сервера. Быстрые DNS-провайдеры (Cloudflare 1.1.1.1, Google 8.8.8.8) отвечают за 1–10 мс, медленные — за 100–200 мс. Затем устанавливается TCP-соединение (3-way handshake), при HTTPS добавляется TLS-рукопожатие — ещё 30–100 мс.
После соединения браузер отправляет HTTP-запрос. TTFB — время до первого байта ответа — измеряет скорость сервера: время на исполнение кода, обращение к базе данных и сетевую задержку. Хороший TTFB — менее 200 мс. Значение свыше 600 мс сигнализирует о проблемах на стороне сервера: медленные запросы к БД, отсутствие кеширования, перегрузка CPU.
После получения HTML браузер парсит DOM, загружает подключённые ресурсы (CSS, JavaScript, изображения, шрифты). Render-blocking ресурсы — CSS в <head> и синхронный JS — блокируют отрисовку. Google измеряет результат через Core Web Vitals: LCP (Largest Contentful Paint) — время появления крупнейшего элемента, должен быть не более 2,5 сек.
Полная загрузка (load event) происходит после загрузки всех ресурсов, включая картинки и скрипты. Но пользователь воспринимает страницу как «загруженную» раньше — при FCP (First Contentful Paint, появление первого контента) и LCP.
История
До 2000-х время загрузки не измеряли инструментально. В 2007 году Стив Соудерс опубликовал книгу «High Performance Web Sites» с первыми систематическими правилами оптимизации. Google запустил PageSpeed Insights в 2010 году, WebPageTest появился в 2008-м. В 2020–2021 годах Google ввёл Core Web Vitals как официальный фактор ранжирования: LCP, FID, CLS. С марта 2024 года FID заменён на INP (Interaction to Next Paint).
Влияние на бизнес
- Amazon: каждые 100 мс задержки снижают выручку на 1%.
- Google: сайты с LCP не более 2,5 сек получают бонус в ранжировании поиска.
- По данным Portent (2023): конверсия страницы, загружающейся за 1 сек, в 2,5 раза выше, чем за 5 сек.
- Google Analytics: показатель отказов при 3 сек загрузки — +32% по сравнению с 1 сек, при 5 сек — +90%.
На что обращать внимание
Серверная часть (TTFB) составляет 20–40% общего времени загрузки. Чтобы снизить TTFB: используйте OPCache для PHP, настройте Redis-кеш объектов, выбирайте VPS с NVMe-дисками и размещайте сервер в регионе аудитории. Остальные 60–80% — клиентская часть: оптимизация изображений (WebP, lazy loading), минификация CSS/JS, HTTP/2 или HTTP/3, CDN для статики.
Измеряйте время загрузки в двух режимах: Google Lighthouse (синтетический тест, воспроизводимый) и Chrome User Experience Report или Search Console (реальные данные пользователей). Расхождение между ними помогает выявить проблемы, специфичные для определённых регионов или устройств.