Инструменты разработчика Chrome - размер и содержимое

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

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

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

google-chrome web-inspector

Mike 09.11.2011 источник

comment

Согласно docs, в настоящее время по умолчанию в таблице запросов ресурсы отображаются небольшими строками; нажмите кнопку Использовать большие строки запроса, чтобы увеличить размер каждой строки. Это также отобразит содержимое в столбце размера. - Vadzim 13.09.2016

Ответы (4)

arrow_upward
330
arrow_downward

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

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

Из документации:

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

Mark Brackett 06.02.2012

comment

Итак, размер (верхнее число) - это фактическая пропускная способность в байтах, проходящая через линию? Например, на моем s / s он увеличивается с 19 КБ до 3,4 КБ. Значит отправлено 19КБ, а в память загружено 3,4КБ? (Из-за сжатия gzip я полагаю, как вы сказали). Разве это теоретически не будет меньше данных, чем отправка контента в веб-сокете, если это динамический контент? Опять же, эти 19,4 КБ все еще отправляются, но если они кешированы, верно? .. или нет? - NiCk Newman; 24.05.2015

comment

@NiCkNewman Да Размер - это фактический размер данных (не пропускная способность, кстати) по сети (заголовки + контент вместе взятые). Контент - это размер только раздутого несжатого Контента (например, если он был сжат в архиве) (за исключением заголовков!). - Israel; 24.05.2015

comment

Тупой вопрос, а мы используем здесь 1000 КБ на МБ или 1024? - Buttle Butkus; 05.03.2016

comment

@ButtleButkus: Chrome, Firefox и IE / Edge используют устаревший формат JEDEC, где килобайт составляет 1024 байта и записывается как КБ. Было бы лучше, если бы они сообщали об этом либо в формате ISO (база 10), либо записывали его как KiB / MiB. - okdewit; 15.06.2016

comment

@ Fx32 у вас есть источник формата 1024 размера? Я пытался найти официальный документ. - codingninja; 31.10.2016

comment

Я использую Chrome версии 60.0.3112.113 (официальная сборка) (64-разрядная версия) на Mac и наткнулся на тот же вопрос. Скриншоты в этом вопросе - единственный способ определить, в чем разница между серым и черным числами. Текущая версия Chrome, которую я использую, похоже, не отображает подзаголовок Content. В столбце просто указано «Размер». Есть ли где-нибудь в документации или в Chrome, что серый номер - это Content. Нигде не могу найти. - flyingL123; 19.09.2017

comment

Просто обратите внимание, что в новых версиях Chrome серый номер не отображается по умолчанию, вам нужно нажать кнопку `` Использовать большие строки запроса '' на панели просмотра вверху - Snekse; 29.03.2018

arrow_upward
53
arrow_downward

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 09.11.2011

comment

Вы, вероятно, имеете в виду, что Size - это размер самого ответа [...] (ресурс также имеет другое значение в терминах HTTP). - Bruno; 27.07.2012

comment

Что сказал @Bruno. Этот ответ неверен, и его не следовало принимать. - mhenry1384; 29.08.2012

comment

Да, это сумасшедший разговор: 32К ЗАПРОС!? - iconoclast; 19.12.2012

comment

зомг, у тебя был 1 год, чтобы отредактировать мой ответ. Просто на простую опечатку, очевидный ответ на тривиальный вопрос, был дан ответ в течение 23 минут после того, как вопрос был задан, и он был принят, потому что это помогло автору понять. Понятия не имею, почему так много людей даже гуглили и голосовали за это ... так много шума из ничего. - c69; 22.12.2012

comment

Имеет смысл редактировать ответы, которые в основном правильные, но могут быть улучшены. Ваш ответ находится на границе, поскольку вы, вероятно, хотели сказать Response, но, тем не менее, указание, что Request был 32K, вводит в заблуждение любого, кто не знал достаточно, чтобы знать, что это должно быть полностью ложным. (Это могут быть люди, которые задают подобные вопросы и нуждаются в правильных ответах на них.) Кроме того, ложное высказывание не квалифицируется как опечатка. Это фактическая ошибка, а не навязчивая идея, даже если вы намеревались сказать что-то еще. - iconoclast; 27.12.2012

arrow_upward
12
arrow_downward

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

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

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

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

Vishwajit G 20.08.2015