Інструменти Chrome Dev - "Розмір" та "Вміст"

254

Переглядаючи інформацію про таблиці стилів на вкладці «Мережа» інструментів розробки Chrome, один стовпець вказує і «розмір», і «вміст»:

Знімок екрана розроблювальних інструментів із виділеним стовпцем Розмір / Зміст

Чи може хтось пролити світло на різницю між цими двома номерами? На деяких сторінках цифри близькі, а на інших вони значно відрізняються.

google-chrome web-inspector

— Майк
джерело

1

Згідно з документами , в даний час "за замовчуванням таблиця запитів відображає ресурси невеликими рядками; натисніть кнопку Використовувати великі рядки запиту, щоб збільшити розмір кожного рядка". Це також відображатиме стовпчик "Вміст у розмірі".

— Вадим

324

"Розмір" - це кількість байтів на дроті, а "вміст" - фактичний розмір ресурсу. Ряд речей може зробити їх різними, зокрема:

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

З документів :

Розмір - це комбінований розмір заголовків відповідей (як правило, декілька сотень байт) плюс тіла відповіді, що надається сервером. Вміст - це розмір декодованого вмісту ресурсу. Якщо ресурс завантажувався з кеша браузера, а не через мережу, це поле буде містити текст (з кеша).

— Марк Брекетт
джерело

2

@NiCkNewman Так Розмір - це фактичний розмір даних (не пропускна здатність btw) через провід (заголовки + вміст у поєднанні). Вміст - це розмір завищеного, нестисненого вмісту (наприклад, якщо він був gziped) (заголовки виключені!).

— Ізраїль

3

Дурне питання, але ми тут використовуємо 1000 КБ на МБ, або 1024?

— Buttle Butkus

2

@ButtleButkus: Chrome, Firefox та IE / Edge всі використовують застарілий формат JEDEC, де кілобайт становить 1024 байти і записується як KB. Було б краще, якби вони повідомили про це у форматі ISO (база 10) або записали його як KiB / MiB.

— okdewit

1

Я використовую Chrome версії 60.0.3112.113 (Офіційна збірка) (64-розрядна) на Mac, і я просто натрапив на це ж питання. Скріншоти в цьому питанні - це єдиний спосіб, коли я зміг визначити, у чому різниця між сірим та чорним числами. Поточна версія Chrome, яку я використовую, схоже, не містить підзаголовка "Вміст". У колонці просто зазначено "Розмір". Чи є десь у документах чи в Chrome, що пояснює, що сірий номер - "Вміст". Я не можу його знайти ніде.

— політL123

1

Лише зауважте, що в нових версіях хрому сірий номер не відображається за замовчуванням, вам потрібно натиснути кнопку "Використовувати великі рядки запиту" на панелі "Вид" вгорі

— Снексе

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

Що сказав @Bruno Ця відповідь просто неправильна і не повинна була бути прийнята.

— mhenry1384

Так, це шалена розмова: ЗАПИТАННЯ 32 К !!

— іконоборство

1

зомг, у вас був рік, щоб відредагувати мою відповідь. Лише простую друк, очевидну відповідь на тривіальне запитання, відповіли протягом 23 хвилин після того, як поставили запитання, і прийняли, оскільки це допомогло авторові зрозуміти. Не маю уявлення, чому так багато людей навіть google і підтримують це ... так багато метушні з нічого.

— c69

7

Є сенс редагувати відповіді, які в основному є правильними, але їх можна вдосконалити. Ваша відповідь начебто на межі, оскільки ви, ймовірно, мали намір сказати відповідь , але, тим не менш, сказати, що Запит був 32K, вводить в оману того, хто не знає достатньо, щоб знати, що він повинен бути повністю помилковим. (Це було б люди , які задають такі питання, і потрібні правильні відповіді про них.) Крім того , кажучи що - то помилкове не кваліфікує як помилка . Це помилка факту, а не товстун, навіть якщо ви мали намір сказати щось інше.

— іконоборство

12

Простіше кажучи, стаття Google пояснює це як розмір = розмір передачі та вміст = фактичний розмір

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

Дивіться зображення, використане в цій статті

Пояснення від Google

— Vishwajit G
джерело

5

"Використовувати великі рядки запиту", щоб показати обидва значення!

Якщо ви не бачите другого значення (вмісту), вам потрібно натиснути кнопку "Використовувати великі рядки запиту" на вкладці Мережа Chrome:

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

Я знайшов це завдяки відповіді на це запитання тут:

Інструменти Chrome Devs - де розмір та вміст?

— Заповіт
джерело