Sono impegnato a verificare come il mio server web sta facendo gzip. Sono fiducioso ora che gzip è attivo poiché Chrome mostra la codifica del contenuto: intestazione gzip.
C'è un modo semplice per vedere quanto è stato compresso un file negli strumenti di sviluppo di Chrome?
Risposte:
Risposta aggiornata per il 2017 : Sì.
La colonna delle dimensioni nella scheda Rete in Strumenti per gli sviluppatori di Chrome ha sia le dimensioni compresse che quelle non compresse, per gzip, brotli e qualunque cosa accada in futuro. Per esempio:
Qui la dimensione compressa è 242 KB, la dimensione non compressa è 1,1 MB
Per vederli entrambi, assicurati che Devtools mostri righe di richieste di grandi dimensioni . È la prima icona nelle opzioni "Visualizza" nella barra degli strumenti specifica delle reti.
Il metodo di gran lunga più semplice è utilizzare uno strumento online. GIDZipTest mostra molti dettagli: dimensioni originali, dimensioni compresse e percentuale di compressione.
Tuttavia, è possibile in Chrome con un po 'di sforzo. (Aggiornato all'ultima versione di Chrome, settembre 2011.)
Negli Strumenti per sviluppatori, vai alla scheda "Rete" e ricarica la pagina. Vedrai un elenco di tutti i file recuperati nella colonna di sinistra. Fai clic sulla pagina / file appropriata a sinistra, quindi sulla scheda "Intestazioni" nel riquadro a destra.
Sotto "Intestazioni di risposta" dovresti vedere "Codifica contenuto: gzip" seguito da un'intestazione "Lunghezza contenuto". Questa è la dimensione del contenuto compresso.
Trovare le dimensioni non compresse è più difficile. Se stai offrendo file statici puoi semplicemente controllarne le dimensioni. Per i contenuti dinamici dovrai copiare e incollare l'HTML in un editor di testo e salvarlo per verificare la dimensione esatta.
Aggiornamento per il 2017
Quando si utilizzano icone grandi, gli strumenti di sviluppo di Chrome mostrano una dimensione di compressione prima e dopo nelle schede di rete.
Ho confermato spegnendo e riaccendendo gzip sul mio server web.
Ho sentito che quello in Chrome è difettoso a causa di un bug nel webkit.
Il plugin Y Slow per Firefox fa un ottimo lavoro. Durante l'esecuzione, vai alla scheda Componenti ed espandi il tipo di componente per cui desideri i valori. Mostrerà la dimensione originale e la dimensione gzip.
Questo non è uno strumento specifico per Chrome, ma utilizzo Fiddler per controllare le informazioni sul traffico / intestazione HTTP. È un ottimo strumento, funziona su qualsiasi browser ed è gratuito!
Per chiunque ancora arrivi qui da una ricerca su google generale (come ho fatto io), nelle versioni moderne di Firefox è possibile vedere la dimensione "grezza" e gzip direttamente dai suoi sviluppatori confrontando la colonna "Dimensioni trasferite" e la colonna "Dimensione". "Dimensione" è la dimensione grezza della risposta, la "Dimensione trasferita" è la dimensione effettiva dei dati trasferiti per la risposta, che può essere inferiore alla dimensione effettiva in caso di gzip, come nell'immagine seguente, o anche 0 in caso la risposta è stata memorizzata nella cache nel client.
Content-Lengthintestazione.