Chrome Dev Tools - „Rozmiar” a „Treść”

254

Podczas przeglądania informacji o arkuszach stylów na karcie Sieć narzędzi deweloperskich Chrome, jedna kolumna określa zarówno „rozmiar”, jak i „treść”:

Zrzut ekranu narzędzi programistycznych z podświetloną kolumną Rozmiar / treść

Czy ktoś może rzucić światło na różnicę między tymi dwiema liczbami? Na niektórych stronach liczby są bliskie, a na innych znacznie się różnią.

google-chrome web-inspector Mikrofon
źródło

1

Według dokumentów obecnie „domyślnie w Tabeli żądań wyświetlane są zasoby z małymi wierszami; kliknij przycisk Użyj dużych wierszy żądań, aby zwiększyć rozmiar każdego wiersza”. Spowoduje to również wyświetlenie kolumny Treść w rozmiarze.

Vadzim

324

„Rozmiar” to liczba bajtów w przewodzie, a „zawartość” to rzeczywisty rozmiar zasobu. Różne rzeczy mogą je odróżnić, w tym:

Podawany z bufora (mały lub 0 „rozmiar”)
Nagłówki odpowiedzi, w tym pliki cookie (większy „rozmiar” niż „treść”)
Przekierowania lub żądania uwierzytelnienia
kompresja gzip (zwykle mniejszy „rozmiar” niż „treść”)

Z dokumentów :

Rozmiar to łączny rozmiar nagłówków odpowiedzi (zwykle kilkaset bajtów) plus treść odpowiedzi dostarczona przez serwer. Treść jest rozmiarem zdekodowanej zawartości zasobu. Jeśli zasób został załadowany z pamięci podręcznej przeglądarki, a nie przez sieć, to pole będzie zawierać tekst (z pamięci podręcznej).

Mark Brackett
źródło

2

@NiCkNewman Tak Rozmiar to rzeczywisty rozmiar danych (nie szerokość pasma btw) w poprzek przewodu (połączone nagłówki i treść). Treść jest tylko wielkością zawyżonej, nieskompresowanej treści (np. Jeśli została spakowana gzipem) (z wyłączeniem nagłówków!).

Izrael

3

Głupie pytanie, ale czy używamy tutaj 1000 KB na MB, czy 1024?

Buttle Butkus

2

@ButtleButkus: Chrome, Firefox i IE / Edge używają przestarzałego formatu JEDEC, w którym kilobajt ma 1024 bajty i jest zapisany jako KB. Byłoby lepiej, gdyby zgłosili to w formacie ISO (baza 10) lub zapisali jako KiB / MiB.

okdewit

1

Używam przeglądarki Chrome w wersji 60.0.3112.113 (kompilacja oficjalna) (wersja 64-bitowa) na komputery Mac i właśnie trafiłem na to samo pytanie. Zrzuty ekranu w tym pytaniu to jedyny sposób, w jaki udało mi się ustalić, jaka jest różnica między szarą a czarną liczbą. Obecna wersja Chrome, której używam, nie wydaje się zawierać podtytułu „Treść”. Kolumna mówi tylko „Rozmiar”. Czy jest gdzieś w dokumentacji lub w Chrome, która wyjaśnia, że szary numer to „Treść”. Nigdzie nie mogę tego znaleźć.

flyingL123

1

Uwaga: w nowych wersjach Chrome szara liczba nie wyświetla się domyślnie, musisz kliknąć przycisk „Użyj dużych wierszy żądania” na pasku „Widok” w górę

Snekse

52

Sizeto rozmiar samej odpowiedzi i Contentrozmiar zasobu, do którego uzyskujesz dostęp.

Porównać:

pusta pamięć podręczna:

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

buforowane:

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

c69
źródło

4

Prawdopodobnie masz na myśli „ Sizerozmiar samej odpowiedzi [...]” („zasób” ma również inne znaczenie pod względem HTTP).

Bruno,

1

Co powiedział @Bruno. Ta odpowiedź jest po prostu zła i nie powinna była zostać zaakceptowana.

mhenry1384,

Tak, to jest szalona rozmowa: WNIOSEK 32K !?

iconoclast

1

zomg, miałeś rok na zredagowanie mojej odpowiedzi. Tylko prosta literówka, oczywista odpowiedź na banalne pytanie, została udzielona w ciągu 23 minut po zadaniu pytania i zaakceptowana, ponieważ pomogła autorowi zrozumieć. Nie mam pojęcia, dlaczego tak wiele osób nawet google i głosować za nim ... tyle zamieszania z niczego.

c69,

7

Sensowne jest edytowanie odpowiedzi, które są zasadniczo poprawne, ale można je poprawić. Twoja odpowiedź brzmi jakby na granicy, ponieważ prawdopodobnie oznaczało powiedzieć Response , niemniej jednak mówiąc Prośba została 32K jest mylące dla każdego, kto nie znał na tyle, aby wiedzieć, że to musi być całkowicie fałszywe. (To byliby ludzie, którzy zadają takie pytania i potrzebują poprawnych odpowiedzi na ich temat.) Również powiedzenie czegoś fałszywego nie kwalifikuje się jako literówka . To błąd faktyczny, a nie palant, nawet jeśli chciałbyś powiedzieć coś innego.

iconoclast

12

W prostych słowach artykuł Google wyjaśnia to jako Rozmiar = Rozmiar transferu i Treść = Rzeczywisty rozmiar

To jest moja formuła oparta na czytaniu różnych artykułów na ten temat (i jestem otwarty, aby poprawić to dzięki twoim komentarzom) Rozmiar = Kompresja (treść) + Nagłówek odpowiedzi

Zobacz obraz użyty w tym artykule

Wyjaśnienie od Google

Vishwajit G
źródło

5