[解決済み】Chrome Dev Tools - "サイズ "と "コンテンツ "の違いについて

質問

Chromeの開発ツールのネットワークタブでスタイルシートの情報を見る際、1列で"サイズ"と"コンテンツ"の両方を指定しています。

この2つの数値の違いについて、どなたか教えてください。あるページでは数値が近く、別のページではかなりの差があります。

解決方法は？

"Size"はワイヤ上のバイト数で、"content"はリソースの実際のサイズです。以下のように、さまざまなことが原因で、両者が異なることがあります。

• キャッシュから提供されている（小さいまたは0 "サイズ")。
• クッキーを含むレスポンスヘッダ（コンテンツよりサイズが大きい）。
• リダイレクトや認証要求
• gzip圧縮（通常、コンテンツよりサイズが小さい）

ドキュメントより :

サイズは、応答ヘッダ（通常は数個）の合計サイズです。 サーバーから配信された、100 バイトのレスポンス・ボディを含みます。 コンテンツは、リソースのデコードされたコンテンツのサイズです。リソースが はネットワーク経由ではなく、ブラウザのキャッシュから読み込まれた場合、この フィールドには、（キャッシュからの）テキストが含まれます。