実際の Web サイト ユーザーのページ読み込みパフォーマンスを測定しようとしています。データをよりよく理解するために、キャッシュが準備されたかどうかによってデータを分割したいと思います。
そのため、リソースがキャッシュにあるかどうかをリソースをロードする前に知る必要はありません。事後測定で十分です。
少なくとも Chrome と Firefox では、開発ツールの [ネットワーク] タブに、転送されたサイズを表示する列があります。この情報を JavaScript で取得することはできますか?
Resource Timing API には、まさにこのケース (「transferSizeリソースがローカルで取得された場合は 0 を返さなければならない」)に対する規定があるようですが、まだそれを実装しているブラウザーはありません。
開発ツールがこの情報を表示するという事実は、何らかの方法でアクセスできるかどうか疑問に思います。何か案は?