ウェブサーバーがgzipを実行している方法を確認するのに忙しいです。 chromeがcontent-encoding:gzipヘッダーを示しているため、gzipがオンになっていると確信しています。
Chrome開発者ツールでファイルがどれだけ圧縮されているかを確認する簡単な方法はありますか?
2017年の更新された回答:はい。
Chrome Developer Toolsの[ネットワーク]タブの[サイズ]列には、gzip、brotliなど、今後の圧縮サイズと非圧縮サイズの両方があります。例えば:
ここでは、圧縮サイズは242 KB、非圧縮サイズは1.1 MBです
両方を表示するには、Devtoolsに 大きなリクエスト行 が表示されていることを確認してください。これは、ネットワーク固有のツールバーの「表示」オプションの最初のアイコンです。
一番簡単な方法は、オンラインツールを使用することです。 GIDZipTest は、元のサイズ、圧縮サイズ、圧縮率などの詳細を表示します。
ただし、Chromeでは少し手間をかけることができます。 (最新のChrome用に更新、2011年9月。)
開発者ツールで、「ネットワーク」タブに移動し、ページをリロードします。取得したすべてのファイルのリストが左側の列に表示されます。左側の適切なページ/ファイルをクリックしてから、右側のペインの「ヘッダー」タブをクリックします。
「応答ヘッダー」の下に「Content-Encoding:gzip」と「Content-Length」ヘッダーが表示されます。これは、圧縮されたコンテンツのサイズです。
非圧縮サイズを見つけることはより困難です。静的ファイルを提供する場合は、サイズを確認するだけです。動的コンテンツの場合、HTMLをコピーしてテキストエディターに貼り付け、保存して正確なサイズを確認する必要があります。
これを実現する別の方法は、cURLを使用することです。
curl -i -H "Accept-Encoding: gzip" http://someurl.com | wc -c
versus
curl -i http://someurl.com | wc -c
各コマンドの後に表示される数字は、回線を通過したバイト数です。
chromeにあるものは、ウェブキットのバグが原因で欠陥があると聞きました。
Firefoxの Y Slow Plugin は素晴らしい仕事をします。実行するときは、[コンポーネント]タブに移動し、値が必要なコンポーネントのタイプを展開します。元のサイズとgzipサイズが表示されます。
これはChrome専用のツールではありませんが、HTTPトラフィック/ヘッダー情報をチェックするときに Fiddler を使用します。これは素晴らしいツールであり、どのブラウザでも動作し、無料です!