Na karcie Chrome Network, pod kolumną rozmiaru, co oznaczają te 2 numery?

Question

Zobacz powyżej: Dla pierwszego zapytania, co reprezentuje 82,0kb i co oznacza 187kb?

Co więcej, gdy jesteśmy przy tym, co oznaczają dwie różne liczby w kolumnie czasu? (najwyższa liczba jest zwykle większa, ale są bardzo podobne).

Answer 1

W polu Rozmiar pierwsza liczba określa rozmiar odpowiedzi sieciowej zawierającej dany zasób. Lub "rozmiar odpowiedzi".

Druga liczba to "rozmiar zawartości", rzeczywisty rozmiar zasobu na dysku.

"Rozmiar odpowiedzi" może być większy niż "rozmiar zawartości" (np. W twoim zrzucie ekranu cs_0.2.js ma rozmiar odpowiedzi 1,5 kB, ale rozmiar na dysku wynosi 1,4 kb), jeśli odpowiedź zawiera metadane w nagłówkach odpowiedzi.

Ogólnie rzecz biorąc, rozmiar odpowiedzi będzie mniejszy niż rozmiar zawartości z powodu kompresji.

---

W kolumnie Czas, pierwsza liczba jest „całkowity czas, od początku wniosku do odbioru końcowego bajtu w odpowiedzi” (stąd: https://developers.google.com/web/tools/chrome-devtools/network-performance/resource-loading#view-network-timing-details-for-a-specific-resource). Druga liczba to w zasadzie opóźnienie, czas potrzebny na uzyskanie odpowiedzi od serwera obsługującego zasób. Po kliknięciu konkretnego żądania na liście można wyświetlić szczegółowy podział na karcie Czas (można również wyświetlić te informacje, umieszczając wskaźnik myszy na kolorowym pasku na osi czasu).

Te dwie liczby są często podobne, ponieważ (jak widać w szczegółowym zestawieniu) większość czasu zapytania pochodzi zwykle z opóźnienia - czas spędzony w "Oczekiwaniu (TTFB)" (TTFB oznacza "czas do pierwszego bajt").

---

Można rzeczywiście wyłączyć przeglądanie rozmiaru treści i opóźnienia, naciskając przycisk u góry, który znajduje się bezpośrednio po prawej stronie "Widok:".