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

254

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

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

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

google-chrome web-inspector

— Майк
источник

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 - где размер и содержание?

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