Chrome Dev Tools - "Размер" и "Контент"

Question

При просмотре информации о таблицах стилей на вкладке «Сеть» инструментов разработчика Chrome в одном столбце указываются «размер» и «содержимое»:

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

Answer 1

«Размер» - это количество байтов в проводе, а «контент» - это фактический размер ресурса.Разные вещи могут отличать их, в том числе:

• Обслуживание из кэша (маленький или 0 "размер")
• Заголовки ответа, включая файлы cookie (больший "размер", чем "content ")
• Перенаправления или запросы проверки подлинности
• сжатие gzip (обычно" размер "меньше, чем" content ")

Из документов :

Размер - это объединенный размер заголовков ответа (обычно несколько сотен байтов) плюс тело ответа, доставляемое сервером.Контент - это размер декодированного контента ресурса.Если ресурс был загружен из кеша браузера, а не по сети, это поле будет содержать текст (из кеша).

Answer 2

Size - это размер самого ответа, а Content - это размер ресурса, к которому вы обращаетесь.

Сравнить:

пустой кеш:

main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB

кэшировано:

main.js GET 304 Not modified .. Size: 146B Content: 31.42KB

Answer 3

Простыми словами, статья Google объясняет это как Размер = Размер передачи и Содержание = Фактический размер

Это моя формула, основанная на прочтении различных статей на эту тему (и яЯ открыт для дальнейшего улучшения с вашими комментариями) Размер = Сжатие (содержимое) + Заголовок ответа

См. изображение, используемое в этой статье

Объяснение от Google

Answer 4

«Использовать большие строки запроса», чтобы отобразить оба значения!

Если вы не видите второе значение (содержимое), вам нужно нажать кнопку «Использовать большие строки запроса» на вкладке Chrome Network:

Я нашел это благодаря ответу на этот вопрос здесь:

Инструменты Chrome Devs - где размер и содержание?