Ich bin gerade damit beschäftigt zu überprüfen, wie mein Webserver gzip ausführt. Ich bin jetzt zuversichtlich, dass gzip aktiviert ist, da Chrome die Inhaltskodierung zeigt: gzip-Header.
Gibt es eine einfache Möglichkeit, festzustellen, wie stark eine Datei in den Chrome-Entwicklertools komprimiert wurde?
Antworten:
Aktualisierte Antwort für 2017 : Ja.
Die Größenspalte auf der Registerkarte "Netzwerk" in den Chrome Developer Tools enthält sowohl die komprimierte als auch die nicht komprimierte Größe für gzip, brotli und alle zukünftigen Elemente. Z.B:
Hier beträgt die komprimierte Größe 242 KB, die unkomprimierte Größe 1,1 MB
Um beides zu sehen, stellen Sie sicher, dass Devtools große Anforderungszeilen anzeigt . Es ist das erste Symbol in den "Ansicht" -Optionen in der netzwerkspezifischen Symbolleiste.
Die mit Abstand einfachste Methode ist die Verwendung eines Online-Tools. GIDZipTest zeigt Ihnen viele Details: Originalgröße, komprimierte Größe und Komprimierungsprozentsatz.
In Chrome ist dies jedoch mit ein wenig Aufwand möglich. (Aktualisiert für das neueste Chrome, September 2011.)
Wechseln Sie in den Entwicklertools zur Registerkarte "Netzwerk" und laden Sie die Seite neu. Sie sehen eine Liste aller abgerufenen Dateien in der linken Spalte. Klicken Sie links auf die entsprechende Seite / Datei und dann rechts auf die Registerkarte "Überschriften".
Unter "Antwortheader" sollte "Content-Encoding: gzip" gefolgt von einem "Content-Length" -Header angezeigt werden. Dies ist die Größe des komprimierten Inhalts.
Das Ermitteln der unkomprimierten Größe ist schwieriger. Wenn Sie statische Dateien bereitstellen, können Sie einfach deren Größe überprüfen. Für dynamischen Inhalt müssen Sie den HTML-Code in einen Texteditor kopieren und speichern, um die genaue Größe zu überprüfen.
Update für 2017
Bei Verwendung großer Symbole zeigen die Chrome-Entwickler-Tools in den Netzwerkregistern eine Größe vor und nach der Komprimierung an.
Ich bestätigte durch Aus- und Einschalten von gzip auf meinem Webserver.
Ich habe gehört, die in Chrom ist aufgrund eines Fehlers im Webkit fehlerhaft.
Das Y Slow Plugin für Firefox leistet hervorragende Arbeit. Gehen Sie zur Registerkarte Komponenten und erweitern Sie den Komponententyp, für den Sie die Werte festlegen möchten. Es wird die Originalgröße und die GZIP-Größe angezeigt.
Dies ist kein spezielles Chrome-Tool, aber ich verwende Fiddler, wenn ich HTTP-Verkehrs- / Header-Informationen überprüfe. Es ist ein großartiges Tool, funktioniert in jedem Browser und ist kostenlos!
Für alle, die immer noch von einer allgemeinen Google-Suche hierher kommen (wie ich), ist es in modernen Versionen von Firefox möglich, die "rohe" und gezippte Größe direkt aus den Devtools heraus zu sehen, indem die Spalten "Übertragene Größe" und "Größe" verglichen werden. "Größe" ist die ungefähre Größe der Antwort, "Übertragene Größe" ist die tatsächliche Größe der für die Antwort übertragenen Daten, die im Falle von gzip unter der tatsächlichen Größe liegen kann, wie im folgenden Bild dargestellt, oder sogar 0 in In diesem Fall wurde die Antwort im Client zwischengespeichert.
Content-LengthKopfzeile vergleichen.