Пока нет оценок.
Пожалуйста, подождите...

Такая вкладка содержится в каждом современном веб-браузере и предназначается для того, чтобы отслеживать скорость, а также время загрузки страницы и всех файлов, которые на ней могут или уже содержатся.

Дополнительно ее конфигурации позволяют пользователям оперировать такими данными как: вид файлов на странице, количество инициаторов, размер, время загрузки, как всех элементов, так и по отдельности.
Вкладка Network

Вкладка Network

Традиционно, самая верхняя строка именуется TimeLine. В ее задачи входит текущее отображение последовательности выгрузки всех файлов веб-страницы, а также время загрузки элементов и суммарное время загрузки всего контента, выраженное в миллисекундах.

Детальная информация с этой вкладки обычно содержит цифры и данные по следующим параметрам:

  • Сумма запросов, отправленных на сервер;
  • Сумма переданных на сервер данных;
  • Время, которое потребовалось для загрузки всего HTML-кода страницы;
  • Время, потраченное на «постройку» DOM-дерева страницы;
  • Время для выгрузки сторонних ресурсов (файлы мультимедиа с других площадок, JS-файлы и прочее).
    Строка TimeLine

    Строка TimeLine

Чтобы проанализировать процессы и текущие свойства загрузки определенного элемента, пользователю нужно навести курсором на специальный столбик Waterfall и перед ним отобразится список с такими параметрами:

  1. Queueing — общее время, которое было потрачено на очередь запроса;
  2. Request sent — время отправки запроса;
  3. Waiting (TTFB) — время ожидания выгрузки первого байта веб-страницы;
  4. Content Download — время загрузки всего контента страницы.
    Столбец Waterfall

    Столбец Waterfall

Также, узнать информацию о поведении веб-сайта можно во вкладке «Name», кликнув мышью на нее.

Во всплывающем окне появится такая информация:

  • Headers — показывает параметры заголовков, текущий статус сервера, метод и IP-адрес;
  • Preview — предварительный просмотр файла;
  • Response — дополнительные ответы от сервера;
  • Initiator — демонстрирует, чем именно был запрошен этот ресурс;
  • Timing — детализированный график времени загрузки веб-страницы;
  • Cookies — свойства Cookies.
    Вкладка Name

    Вкладка Name

Чтобы иметь правильный ориентир в данной вкладке, стоит понимать, какие вообще бывают программные коды ответа от сервера.

Их можно поделить сразу на 5 равноценных класса:

  • 1хх — информационный;
  • 2хх — корректная обработка;
  • 3хх — перенаправление;
  • 4хх — ошибка на стороне пользователя;
  • 5хх — ошибка на стороне сервера.

Краткий вывод

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

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

Оставить комментарий