Проверка HTTP-запросов

Что делает проверка HTTP-запросов

Инструмент анализирует веб-страницу и подсчитывает ресурсы, на которые она ссылается, разбивая их по типам: CSS-файлы, JavaScript-файлы, изображения, iframe, видео и аудио. Это даёт структурный обзор того, сколько запросов генерирует страница.

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

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

Сокращение числа запросов — классическая оптимизация производительности. Меньше запросов означает меньше накладных расходов на соединение, меньше времени ожидания ответов и меньше возможностей для медленного ресурса задержать страницу. Объединение файлов, использование иконочных шрифтов или SVG-спрайтов и удаление неиспользуемых ресурсов — распространённые подходы.

Количество запросов — не единственный фактор. Несколько крупных ресурсов могут быть медленнее многих мелких, а мультиплексирование HTTP/2 меняет некоторые компромиссы. Тем не менее разбивка по типам помогает выявить, на что страница тратит запросы и какие категории стоит просмотреть.

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

Просматривайте разбивку, а не только общее число. Большое количество JavaScript-файлов может указывать на страницу с обилием компонентов и множеством мелких модулей. Множество изображений может говорить о насыщенном изображениями макете, которому помог бы lazy loading. Iframe и медиа могут быть особенно затратными, поскольку могут загружать собственные ресурсы.

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

Частые проблемы с запросами

• Слишком много мелких файлов. Объединение или консолидация могут помочь.
• Неиспользуемые CSS и JavaScript. Библиотеки загружаются, но не нужны на странице.
• Раздувание сторонними ресурсами. Несколько виджетов, каждый загружает свои ресурсы.
• Неоптимизированные изображения. Множество запросов изображений, которые можно отложить или объединить.
• Избыточные ресурсы. Дублирующиеся библиотеки, загружаемые разными компонентами.

Практический сценарий

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

Ограничения

Проверка подсчитывает ресурсы, указанные в HTML-ответе. Она не измеряет фактические времена передачи или размеры, а ресурсы, загружаемые динамически скриптами, могут не учитываться.