HTTP-запросы — это вызовы, которые браузер делает для загрузки ресурсов: HTML, CSS, JavaScript, изображений, шрифтов. Чем больше запросов — тем дольше загрузка страницы. В 2026 году количество HTTP-запросов влияет на Core Web Vitals и позиции в поиске. В этой статье — что такое HTTP-запросы, как их проверить и как уменьшить.
Что такое HTTP-запросы
HTTP-запрос — это запрос, который браузер отправляет серверу для получения ресурса. Каждый элемент страницы — отдельный запрос:
— HTML-документ;
— CSS-файлы;
— JavaScript-файлы;
— изображения;
— шрифты;
— видео и другие медиа.
Каждый запрос занимает время: соединение, отправка, ожидание, получение. Чем больше запросов — тем дольше загрузка.
Проверить количество HTTP-запросов можно через проверку HTTP-запросов.
Почему количество запросов важно
Три причины.
1. Скорость загрузки. Каждый запрос — это задержка. Даже если ресурсы маленькие, 100 запросов замедлят страницу сильнее, чем 20.
2. Core Web Vitals. LCP (Largest Contentful Paint) зависит от того, как быстро загружаются критические ресурсы. Чем больше запросов — тем дольше.
3. Мобильные устройства. На мобильных сетях задержка на каждый запрос выше. 100 запросов на 3G могут занять несколько секунд только на соединения.
Проверить скорость загрузки можно через проверку TTFB и SEO-аудит SerpMax.
Сколько запросов считается нормой
Ориентиры:
До 20 запросов. Отлично. Обычно у простых страниц.
20-50 запросов. Хорошо. Типично для большинства сайтов.
50-100 запросов. Приемлемо, но есть что оптимизировать.
Больше 100 запросов. Плохо. Загрузка замедляется, особенно на мобильных.
Целевое значение — до 50 запросов на страницу. Если больше 100 — нужно оптимизировать.
Как проверить количество HTTP-запросов
Три способа.
Способ 1. Инструмент проверки HTTP-запросов
Самый быстрый способ — использовать онлайн-инструмент. SerpMax предоставляет проверку HTTP-запросов — введите URL, и инструмент покажет:
— общее количество запросов;
— разбивку по типам (HTML, CSS, JS, изображения, шрифты);
— размер каждого ресурса;
— рекомендации по оптимизации.
Инструмент работает с любым сайтом.
Способ 2. Chrome DevTools
Самый детальный способ — Chrome DevTools.
Как:
1. Откройте страницу в Chrome.
2. Нажмите F12.
3. Перейдите во вкладку Network.
4. Обновите страницу (Ctrl+R).
5. Внизу вкладки Network будет общее количество запросов.
6. Отсортируйте по колонке Size — увидите самые тяжёлые ресурсы.
Chrome DevTools показывает все запросы, включая те, что блокируют рендеринг.
Способ 3. PageSpeed Insights
Google PageSpeed Insights показывает количество запросов вместе с оценкой производительности. Введите URL, нажмите «Анализ», посмотрите раздел «Ресурсы».
Что увеличивает количество запросов
Пять основных факторов.
1. Много изображений
Каждое изображение — отдельный запрос. Если на странице 50 изображений — это 50 запросов.
Что делать: использовать CSS-спрайты для мелких иконок, lazy load для изображений ниже первого экрана, оптимизировать форматы.
2. Много CSS и JS-файлов
Каждый файл — отдельный запрос. Плагины и библиотеки добавляют десятки файлов.
Что делать: объединять CSS и JS-файлы, удалять неиспользуемые библиотеки.
3. Сторонние скрипты
Аналитика, чаты, реклама, виджеты — каждый добавляет запросы. Некоторые добавляют десятки.
Что делать: проверять, какие сторонние скрипты реально нужны, и удалять остальные.
4. Шрифты
Каждое начертание шрифта — отдельный файл. Если подключено 5 начертаний — это 5 запросов.
Что делать: подключать только нужные начертания, использовать WOFF2.
5. Видео и iframe
Встроенные видео и iframe добавляют запросы. Если видео несколько — это десятки запросов.
Что делать: использовать lazy load для iframe, не встраивать видео напрямую.
Как уменьшить количество HTTP-запросов
Восемь способов.
1. Объединить CSS и JS-файлы
Вместо 10 CSS-файлов — один. Вместо 15 JS — один или два. Это уменьшает количество запросов в разы.
Как: использовать сборщики (Webpack, Gulp) или плагины CMS.
2. Использовать CSS-спрайты
Мелкие иконки можно объединить в один спрайт. Вместо 20 запросов — один.
Как: создать спрайт через онлайн-инструмент или графический редактор, подключить через CSS.
3. Включить lazy loading
Изображения и iframe ниже первого экрана не загружаются сразу. Это уменьшает количество запросов при первой загрузке.
Как: добавить loading="lazy" к изображениям. Проверить через проверку ленивой загрузки.
4. Удалить неиспользуемые скрипты
Проверьте, какие скрипты реально используются. Удалите остальные.
Как: Chrome DevTools → Coverage. Показывает, сколько CSS и JS реально используется.
5. Использовать встроенный критический CSS
Критический CSS (для первого экрана) можно встроить в HTML. Остальной CSS загрузить асинхронно.
Как: выделить критический CSS, встроить в <style>, остальной загрузить через rel="preload".
6. Отложить некритичные скрипты
Аналитика, чаты, виджеты не нужны для первого рендера. Загружайте их через defer или async.
Как: добавить атрибуты к тегам <script>.
7. Использовать HTTP/2 или HTTP/3
HTTP/2 и HTTP/3 позволяют загружать несколько ресурсов по одному соединению. Это не уменьшает количество запросов, но снижает накладные расходы.
Как: включить HTTP/2 на сервере. Проверить через проверку HTTP/2.
8. Подключить CDN
CDN раздаёт статические ресурсы с ближайшего к пользователю сервера. Это не уменьшает количество запросов, но ускоряет их обработку.
Как: подключить CDN (Cloudflare, Bunny CDN). О выборе — в статье Кеширование и CDN для скорости сайта.
HTTP-запросы и Core Web Vitals
Количество запросов влияет на две метрики Core Web Vitals.
LCP (Largest Contentful Paint). Чем больше запросов — тем дольше загружается главный элемент страницы. LCP растёт.
INP (Interaction to Next Paint). Большое количество запросов замедляет обработку событий. Если браузер занят загрузкой — он медленнее реагирует на действия пользователя.
Google рекомендует LCP до 2,5 секунд и INP до 200 мс. Уменьшение количества запросов помогает достичь этих значений.
Как часто проверять количество запросов
Рекомендуемая частота:
— после добавления новых скриптов, изображений или плагинов;
— после обновления CMS или шаблона;
— раз в месяц — как часть технического SEO-аудита;
— если заметили, что страница стала загружаться медленнее.
Проверить количество HTTP-запросов можно через проверку HTTP-запросов.
Часто задаваемые вопросы
Что такое HTTP-запросы?
HTTP-запросы — это вызовы, которые браузер делает для загрузки ресурсов: HTML, CSS, JavaScript, изображений, шрифтов. Каждый элемент страницы — отдельный запрос.
Сколько HTTP-запросов считается нормой?
До 20 — отлично. 20-50 — хорошо. 50-100 — приемлемо. Больше 100 — плохо. Целевое значение — до 50 запросов на страницу.
Как проверить количество HTTP-запросов?
Через проверку HTTP-запросов в SerpMax. Или через Chrome DevTools → Network. Или через Google PageSpeed Insights.
Почему много запросов — это плохо?
Каждый запрос — это задержка: соединение, отправка, ожидание, получение. Чем больше запросов — тем дольше загрузка. На мобильных сетях эффект сильнее.
Как уменьшить количество HTTP-запросов?
Объединить CSS и JS-файлы, использовать CSS-спрайты, включить lazy loading, удалить неиспользуемые скрипты, встроить критический CSS, отложить некритичные скрипты, использовать HTTP/2, подключить CDN.
Влияет ли количество запросов на SEO?
Косвенно — через скорость загрузки и Core Web Vitals. Google использует LCP и INP как сигналы ранжирования. Чем больше запросов — тем хуже эти метрики.
Что важнее — количество запросов или размер страницы?
Оба важны. Количество запросов влияет на задержки, размер — на объём передачи. Для мобильных сетей критичны оба параметра.
Как часто проверять количество запросов?
После добавления новых ресурсов, после обновления CMS, раз в месяц как часть технического SEO-аудита. Количество запросов может вырасти незаметно.
