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

При просмотре информации о таблицах стилей на вкладке "Сеть" инструментов Chrome dev один столбец определяет "размер" и "контент":

Screenshot of dev tools with Size/Content column highlighted

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

Ответы

Ответ 1

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

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

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

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

Ответ 2

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

Для сравнения:

пустой кеш:

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

cached:

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

Ответ 3

В простых терминах статья Google объясняет это как Размер = размер передачи и контент = фактический размер введите описание изображения здесь

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

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

Объяснение Google