Задержка запроса документа

Адам Рейн
Adam Raine
GitHub

Опубликовано: 27 марта 2025 г.

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

Что проверяет аналитика

Аналитика проверяет, повлияло ли какое-либо из следующих условий на первоначальный запрос документа:

  • Запрос навигации был перенаправлен один или несколько раз.
  • Серверу потребовалось более 600 мс, чтобы ответить на запрос.
  • Ответ был несжатым.
Devtools сообщает, что задержку документа можно уменьшить, устранив перенаправления.
Devtools сообщает, что задержку документа можно уменьшить, устранив перенаправления.

Избегайте перенаправлений

Перенаправления замедляют скорость загрузки вашей страницы. Когда браузер запрашивает ресурс, который был перенаправлен, сервер обычно возвращает ответ HTTP, подобный этому:

HTTP/1.1 301 Moved Permanently
Location: /path/to/new/location

Затем браузер должен выполнить еще один HTTP-запрос в новом месте, чтобы получить ресурс. Это дополнительное путешествие по сети может задержать загрузку ресурса.

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

Сократите время ответа сервера

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

Существует множество возможных причин медленного ответа сервера и множество возможных способов улучшения:

  • Оптимизируйте логику приложения сервера, чтобы ускорить подготовку страниц. Если вы используете серверную платформу, в ней могут быть рекомендации о том, как это сделать.
  • Оптимизируйте способ запроса вашего сервера к базам данных или перейдите на более быстрые системы баз данных.
  • Обновите аппаратное обеспечение вашего сервера, чтобы иметь больше памяти или процессора.
  • Используйте CDN, чтобы уменьшить задержку в сети. Это особенно эффективно, если документ можно кэшировать на граничном узле CDN.

Дополнительные сведения см. в руководстве по оптимизации TTFB .

Включить сжатие

Сжатие текста может уменьшить общий размер исходного HTML-документа. Когда браузер запрашивает ресурс, он будет использовать заголовок HTTP-запроса Accept-Encoding чтобы указать, какие алгоритмы сжатия он поддерживает.

Accept-Encoding: gzip, compress, br, zstd

См. также Оптимизация кодировки и размера передачи текстовых ресурсов .

Ваш сервер должен вернуть заголовок HTTP-ответа Content-Encoding чтобы указать, какой алгоритм сжатия он использовал.

Devtools сообщает, что запрос документа использует сжатие gzip.
Devtools сообщает, что запрос документа использует сжатие gzip.

Рекомендации для конкретного стека

WordPress

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

Друпал

  • Если установлен модуль перенаправления , просмотрите и удалите ненужные перенаправления.
  • Разгрузите трафик с помощью одного или нескольких модулей кэширования Drupal , таких как Internal Page Cache , Internal Dynamic Page Cache и BigPipe . Соедините их с CDN, чтобы еще больше улучшить время отклика. Ваши хостинг-серверы должны использовать PHP OPcache.
  • Рассмотрите возможность использования кэширования в памяти, такого как Redis или Memcached, чтобы сократить время запросов к базе данных.
  • Используйте производительные темы, модули и более быстрые серверы, чтобы сократить время ответа сервера.

Реагировать

  • Если вы используете React Router, сведите к минимуму использование компонента <Redirect> для навигации по маршруту .
  • Если вы выполняете рендеринг любых компонентов React на стороне сервера, рассмотрите возможность использования renderToNodeStream() или renderToStaticNodeStream() чтобы клиент мог получать и обрабатывать разные части разметки, а не все сразу.

Джумла

  • Включите параметр «Сжатие страниц Gzip» («Система» > «Глобальная конфигурация» > «Сервер»).
  • Шаблоны, расширения и спецификации сервера влияют на время ответа сервера. Подумайте о том, чтобы найти более оптимизированный шаблон, тщательно выбрать расширение оптимизации или обновить сервер.

Магенто

Ресурсы