Проанализировать запросы и время их выполнения на странице можно с помощью инструментов разработчика, встроенных во все современные браузеры (либо сторонних дополнений) в разделе «Сеть» (Network).

Панель «Сеть» отображает информацию о каждом сетевой операции в вашем приложении, в том числе подробные данные синхронизации, HTTP запроса и заголовков ответа, cookies, данные WebSocket, и многое другое. Панель «Сеть» поможет вам ответить на вопросы о сетевой производительности вашего веб-приложения, такие как:

  • Какие ресурсы имеют худшее время до получения первого байта (TTFB*)?
  • Загрузка каких ресурсов заняла больше всего времени?
  • Кто инициировал конкретный сетевой запрос?
  • Сколько времени было потрачено в различных сетевых фазах для конкретного ресурса?

Средства разработчика (F12) в Internet Explorer
1-1

Инструменты разработчика в Firefox
1-2

Расширение Firebug в Firefox
1-3

Developer Tools (Ctrl + Shift + I) в Google Chrome
1-4

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

Поле

Описание

Name and PathНазвание и URL ресурса, соответственно
MethodМетод HTTP использованный в запросе (последовательность из любых символов, кроме управляющих и разделителей, указывающая на основную операцию над ресурсом, например, GET или POST)
Status and TextКод состояния HTTP. Он представляет собой целое число из трех арабских цифр. Первая цифра указывает на класс состояния. За кодом ответа следует поясняющая фраза на английском языке, которая разъясняет причину именно такого ответа
DomainДомен запрашиваемого ресурса
TypeMIME тип запрашиваемого ресурса
InitiatorОбъект или процесс, который инициировал запрос. Может принимать одно из следующих значений:Parser – HTML парсер браузера инициировал запросRedirect – HTTP редирект инициировал запросScript – скрипт инициировал запрос

Other – другой процесс или действие инициировали запрос, например, пользователь перешел на страницу по ссылке, или указав URL в адресной строке

CookiesКоличество cookies, переданных в запросе.
Set-CookiesКоличество cookies, установленных в HTTP запросе
Size and ContentSize - это общий размер заголовков ответа (обычно несколько сотен байт) плюс тело ответа, переданного сервером.Content – это размер декодированного содержимого ресурса. Если ресурс был загружен из кэша браузера, а не по сети, это поле будет содержать текст (из кэша).
Time and LatencyВремя – общая продолжительность, с отправки запроса до получения последнего байта в ответе. Задержка – время загрузки первого байта в ответе
TimelineПоле Timeline отображает представление временной шкалы всех сетевых запросов. При нажатии на заголовок этой колонки показывает меню дополнительных сортировочных полей.

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

Некоторые столбцы содержат первичное поле и вторичное поле (например, время доступа). При просмотре таблицы в двухстрочном оба поля будут показаны, при использовании однострочного режима будет показано только первичное поле.
1-6

Вы можете отсортировать таблицу по значению столбца, нажав на заголовок столбца. Колонка Timeline ведет себя немного по-другому: по щелчку на заголовок столбца отображается меню дополнительных полей сортировки.
1-7

Подробная документация находится здесь https://developers.google.com/chrome-developer-tools/docs/network

* Time To First Byte (TTFB)
После того как клиент отправляет HTTP-запросы к серверу, последний обрабатывает его и возвращает ответ. Получение первого TCP пакета с сервера в качестве ответа – является именно получение первого байта.
Чем выше значение TTFB, тем медленнее обработка ресурсов сервером. Когда нам известно TTFB, то мы знаем, сколько времени требуется серверу для обработки данной страницы. Таким образом мы можем предпринимать различные программные оптимизации на сервере. Уменьшение TTFB имеет решающее значение как для производительности серверов, так и для загрузки страницы.