2011-11-09 15 views
231

Quando si visualizzano le informazioni sui fogli di stile nella scheda Rete di strumenti di sviluppo di Chrome, una colonna specifica sia "formato" e "contenuto":Chrome Dev Tools - "Dimensione" vs "Contenuto"

Screenshot of dev tools with Size/Content column highlighted

Can qualcuno fa luce sulla differenza tra questi due numeri? In alcune pagine i numeri sono vicini e altri sono diversi per una quantità considerevole.

+1

Secondo [Documenti] (https://developers.google.com/web/tools/chrome-devtools/profile/network-performance/resource-loading#customize-the-network-panel), attualmente " per impostazione predefinita, la tabella Richieste visualizza le risorse con piccole righe; fai clic sul pulsante Utilizza righe di richieste di grandi dimensioni per aumentare le dimensioni di ogni riga ". Questo mostrerebbe anche la colonna Contenuto in Dimensione. – Vadzim

risposta

302

"Size" è il numero di byte sul filo, e "contenuto" è la dimensione effettiva della risorsa. Un certo numero di cose che possono renderli diversi, tra cui:

  • essere servito dalla cache (piccolo o 0 "size")
  • intestazioni di risposta, tra cui biscotti (più grande "dimensioni" che "contenuto")
  • reindirizza o l'autenticazione richiede
  • compressione gzip (più piccola "dimensione" che "contenuto", di solito)

From the docs:

Dimensioni è la dimensione combinata delle intestazioni di risposta (in genere alcuni byte) più il corpo della risposta, come fornito dal server. Il contenuto è la dimensione del contenuto decodificato della risorsa. Se la risorsa è stata caricata dalla cache del browser anziché dalla rete, questo campo conterrà il testo (dalla cache).

+0

So Size (Il numero superiore) è la quantità effettiva di larghezza di banda in byte che attraversa la linea? Ad esempio sul mio [s/s] (http://i.gyazo.com/be62ce6ce02c157f9590aa7662f6a832.png) Va da 19 KB a solo 3,4 KB. Quindi viene inviato 19 KB, ma 3.4kb è stato caricato in memoria? (A causa della compressione di gzip presumo come hai detto tu). Questo non sarebbe teoricamente un numero inferiore di dati rispetto all'invio di contenuti in un websocket se si tratta di contenuti dinamici? Poi di nuovo, che 19.4KB è ancora stato inviato anche se è memorizzato nella cache giusto? .. o è? –

+2

@NiCkNewman Sì La dimensione è la dimensione effettiva dei dati (non la larghezza di banda btw) attraverso il filo (intestazioni + contenuto combinato). Il contenuto è la dimensione del contenuto gonfiato e non compresso (ad esempio se è stato gziped) solo (le intestazioni escluse!). – Israel

+1

Domanda stupida, ma stiamo usando 1000 KB per MB qui, o 1024? –

50

Size è la dimensione della risposta stessa e Content è la dimensione della risorsa a cui si sta accedendo.

Compare:

cache di vuoto:

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

cache:

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

+4

Probabilmente vuoi dire" Dimensione "è la dimensione di * risposta * stessa [...] "(" risorsa "ha anche un significato diverso nei termini HTTP) – Bruno

+1

Ciò che @Bruno ha detto.Questa risposta è semplicemente sbagliata e non avrebbe dovuto essere accettata – mhenry1384

+0

Sì, questa è una chiacchiera pazzesca: una 32K *** RICHIESTA ** * !? – iconoclast

9

In termini semplici articolo Google spiega come Size = dimensione di trasferimento e Content = Dimensione reale enter image description here

Questa è la mia formula basata sulla lettura di vari articoli su questo argomento (e io sono aperto a migliorarlo ulteriormente con i vostri commenti) Size = compressione (contenuto) + intestazione di risposta

See the image used in this article

Explanation by Google

Problemi correlati