Что означают эти цифры на вкладке сети?

Question

На вкладке сети, под списком всех HTTP-запросов, я вижу сводку.Например:

• 213 запросов
• 2,5 МБ передано
• 7,2 МБ ресурсов
• Окончание: 2,1 мин.
• DOMContentLoaded: 1,23 с
• Загрузка: 3,17 с

В документации Chrome есть обширная статья об этой вкладке , ноон не описывает эти сводные данные.

Некоторые из них говорят сами за себя.213 Всего HTTP-запросов было получено, и с момента первого запроса прошло 1,23 секунды до события document.DOMContentLoaded.Большое значение для готового значения действительно имеет смысл, потому что на этой странице есть повторяющееся событие ping для отслеживания кликов.Однако другие значения немного сбивают с толку.

Почему существуют два очень разных числа для переданных и ресурсов - то есть какая разница между переданным байтом и байтом ресурса?Кроме того, что точно представляет время «Load» - это время до события window.load или что-то еще?

Answer 1

Документация DevTools указывает на MDN's load страницу события , чтобы описать число «Load».Так что да, «Load» - это время от навигации до window.load.

«Передано» относится к байту через провод.«Ресурсы» означают вес этих файлов после того, как они загружены и распакованы, как показано в справочнике DevTools .

Загрузка jQuery с CDN иллюстрирует разницу.Ссылка DevTools указывает , что меньшее число в таблице запросов представляет сжатый размер.