Chrome開発ツール-「サイズ」と「コンテンツ」
Chromeの開発ツールの[ネットワーク]タブでスタイルシートに関する情報を表示する場合、1つの列で「サイズ」と「コンテンツ」の両方を指定します。
誰もがこれら2つの数字の違いに光を当てることができますか？一部のページでは数字が近くにあり、他のページではかなりの量が異なります。
「サイズ」はワイヤ上のバイト数であり、「コンテンツ」はリソースの実際のサイズです。以下を含む多くのことがそれらを異なるものにすることができます
- キャッシュから提供されている（小さいまたは0「サイズ」）
- Cookieを含む応答ヘッダー（「コンテンツ」よりも「サイズ」が大きい）
- リダイレクトまたは認証リクエスト
- gzip圧縮（通常、「コンテンツ」よりも小さい「サイズ」）
ドキュメントから ：
サイズは、サーバーによって配信される応答ヘッダー（通常は数百バイト）と応答本文の合計サイズです。コンテンツは、リソースのデコードされたコンテンツのサイズです。リソースがネットワークではなくブラウザのキャッシュからロードされた場合、このフィールドにはテキストが（キャッシュから）含まれます。
Sizeは応答自体のサイズであり、Contentはアクセスしているリソースのサイズです。
比較：
空のキャッシュ：
main.js GET 200 OK .. Size: 31.72KB Content: 31.42KB
キャッシュ済み：
main.js GET 304 Not modified .. Size: 146B Content: 31.42KB
簡単に言えば、Googleの記事では、サイズ=転送サイズ、コンテンツ=実際のサイズ 
これは、このトピックに関するさまざまな記事を読むことに基づいた私の式です（そして、あなたのコメントでさらに改善するために開いています）サイズ=圧縮（コンテンツ）+応答ヘッダー
「大きなリクエスト行を使用する」と両方の値を表示します！
2番目の値（コンテンツ）が表示されない場合は、Chrome [ネットワーク]タブ内の[大きなリクエスト行を使用]ボタンをクリックする必要があります。
この質問に対する答えのおかげでこれを見つけました：