Инструменты разработчика Chrome - «Размер» и «Контент»

254

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

Снимок экрана инструментов разработчика с выделенным столбцом "Размер / содержимое"

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

Майк
источник
1
Согласно документам , в настоящее время «по умолчанию таблица запросов отображает ресурсы с небольшими строками; нажмите кнопку« Использовать большие строки запросов », чтобы увеличить размер каждой строки». Это также покажет содержимое в столбце Размер.
Вадим

Ответы:

324

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

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

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

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

Марк Брекетт
источник
2
@NiCkNewman Да Размер - это фактический размер данных (не полоса пропускания) по проводам (заголовки + содержимое вместе взятые). Содержимое - это размер только завышенного несжатого содержимого (например, если оно было разархивировано) (исключая заголовки!).
Израиль
3
Тупой вопрос, а мы используем здесь 1000 КБ на МБ или 1024?
Баттл Буткус
2
@ButtleButkus: Chrome, Firefox и IE / Edge используют устаревший формат JEDEC, где килобайт составляет 1024 байта и записывается в КБ. Было бы лучше, если бы они сообщили об этом либо в формате ISO (база 10), либо записали его как KiB / MiB.
okdewit
1
Я использую Chrome версии 60.0.3112.113 (Официальная сборка) (64-разрядная версия) на Mac и только что столкнулся с тем же вопросом. Снимки экрана в этом вопросе - единственный способ определить разницу между серым и черным числами. Текущая версия Chrome, которую я использую, похоже, не показывает подзаголовок «Содержимое». Колонка просто говорит "Размер". Есть ли где-нибудь в документах или в Chrome, что объясняет, что серый номер "Содержание". Я не могу найти это нигде.
flyingL123
1
Просто обратите внимание, что в новых версиях Chrome серое число по умолчанию не отображается, вы должны нажать кнопку «Использовать большие строки запроса» на панели «Вид» вверху
Snekse
52

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

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

пустой кеш:

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

кэшировать:

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

C69
источник
4
Вы, вероятно, имеете в виду « Sizeэто размер самого ответа [...]» («ресурс» также имеет другое значение в терминах HTTP).
Бруно
1
Что сказал @ Бруно. Этот ответ просто неверен и не должен был быть принят.
mhenry1384
Да, это сумасшедший разговор: 32K ЗАПРОС !
иконоборчество
1
zomg, у тебя был 1 год на редактирование моего ответа. Ответ на простой вопрос, очевидный ответ на тривиальный вопрос, был дан через 23 минуты после того, как вопрос был задан, и был принят, потому что это помогло автору понять. Понятия не имею, почему так много людей даже прогугливают и голосуют за это ... столько шума из ничего.
c69
7
Имеет смысл редактировать ответы, которые в основном правильные, но могут быть улучшены. Ваш ответ рода на границе, так как вы , вероятно , имел в виду сказать ответ , но тем не менее , говоря , что запрос был 32K вводит в заблуждение тех , кто не знал достаточно знать , что это должно было быть совершенно неверно. (Это могут быть люди, которые задают подобные вопросы и нуждаются в правильных ответах о них.) Кроме того, высказывание чего-либо неверного не может считаться опечаткой . Это ошибка факта, а не аппетит, даже если вы намеревались сказать что-то еще.
иконоборчество
12

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

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

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

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

Вишваджит Г
источник
5

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

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

введите описание изображения здесь

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

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

Уилт
источник