Widely available すべての主要ブラウザで対応済み。安心して使用可能。

Resource size

decodedBodySize は読み取り専用プロパティで、適用されたコンテンツエンコーディング（gzip や Brotli など）を削除した後、メッセージ本体のフェッチ（HTTP またはキャッシュ）で受信したサイズ（オクテット単位）を返します。リソースがアプリケーションキャッシュまたはローカルリソースから取得された場合、適用されたコンテンツコーディングを削除した後でペイロードのサイズを返します。

Observer・パフォーマンス

対応ブラウザ

機能 デスクトップ モバイル
Chrome
Edge
Firefox
Safari
Chrome Android
Safari iOS
decodedBodySize
54
17
45
16.4
54
16.4
encodedBodySize

encodedBodySize は読み取り専用プロパティで、適用されたコンテンツコーディング（gzip や Brotli など）を削除する前の、ペイロード本体のフェッチ（HTTP またはキャッシュ）から受信したサイズ（オクテット単位）を表します。リソースがアプリケーションキャッシュまたはローカルリソースから取得された場合は、適用されたコンテンツコーディングを削除する前にペイロードボディのサイズを返す必要があります。
54
17
45
16.4
54
16.4
transferSize

transferSize は読み取り専用プロパティで、取得したリソースのサイズ（オクテット数）を表します。サイズには、レスポンスヘッダーフィールドとレスポンスのペイロード本体（RFC7230 で定義されているとおり）が含まれます。
54
17
45
16.4
54
16.4
1+対応 (バージョン) 未対応 ※注釈あり サブ機能の解説は MDN Web Docs (CC BY-SA 2.5)

実務での使いどころ

  • Resource size の活用

    decodedBodySize は読み取り専用プロパティで、適用されたコンテンツエンコーディング（gzip や Brotli など）を削除した後、メッセージ本体のフェッチ（HTTP またはキャッシュ）で受信したサイズ（オクテット単位）を返します。

注意点

  • 古いブラウザでは対応していない場合がある。

実装メモ

  • 一部の API はセキュアコンテキスト (HTTPS) やユーザー操作起点を必要とする。利用前に要件を確認すること。

参考リンク