一部のウェブサイトがChromeの開発者ツールで0バイトを表示するのはなぜですか

私は自分のウェブサイトのページ速度の最適化を行っており、他のウェブサイトがそれをどのように行うかを研究しています。FacebookやRinggitplusなどの一部のWebサイトでは、Chromeの開発者ツールの[ネットワーク]タブでリソースの一部に0バイトが表示されていますが、実際のコンテンツサイズは数キロバイトです。

サイズはフェッチされる量であり、コンテンツは応答の実際のサイズであるという記事をいくつか読みました。したがって、サイズが0バイトの場合、キャッシュから提供されることを意味します。しかし、シークレットモードを使用してページを開いたり、すべてのキャッシュをクリアしたりしても、同じことが起こりました。

どのようにしてこれを可能にし、どのように私のウェブサイトで同じことを達成できますか？

httpとhttpsの両方をサポートするサイトでは、Chromeの動作を理解するのが最も簡単です。

デベロッパーツールを開いてこの画像を表示すると、Chromeは画像がキャッシュされている場合は27.1k、そうでない場合は257バイトを報告します。画面の下部の領域（nav_logo161.pngの隣など）を右クリックすると、Developer Tools内のキャッシュをクリアできます。

httpsでリンクを開きます。Chromeは、アイテムがキャッシュされているかどうかにかかわらず、0バイトを報告します。キャッシュされている場合は304が、キャッシュされていない場合は200のステータスが表示されます。ただし、キャッシュされていない応答には非常に長い時間がかかることがレイテンシで確認できます。

要するに、ChromeでWebページの0バイトを報告する場合はhttpsを使用します。

このバグはこことここに記録されています。

このバグは、主に画像を表示するときに顕著です。元の投稿のhttpリンクで気づいたのは、両側が実際にhttpsでレンダリングするためです。