webページの容量を調べる方法

Firefox開発ツール

作成したwebページやブログ記事のデータ容量(以下、容量)がどれくらいか気になる
そこで容量を調べる方法を探したので紹介

環境

OS:Windows10
ソフト:Firefox(ブラウザ)

手順

Firefox起動

Firefoxを起動し対象webページを表示
 
 

開発ツール表示

Firefox開発ツール
“F12″キーを押すと下に開発ツールが表示される

スポンサーリンク

容量を調べる

web容量
ネットワークを押して”すべて”が選択されてることを確認する
“すべて”以外が選択されていれば”すべて”を押す
容量は一番下に表示される
この例だと10.48MBとなる

しかし過去一度でも対象のページを表示させたことがある場合、画像ファイル等がパソコン内にキャッシュとして保存されてる可能性がある
パソコン内にキャッシュがあればそれをFirefoxは使用するためネットワーク経由でそのデータを取得しない
そうすると実際の容量より少なくなってしまう。

なので”Ctrl”+”F5″を押してブラウザのキャッシュを利用せずにサーバーにある最新の情報を読み込む
 
 

web容量、Ctrl+F5
“Ctrl”+”F5″で再読込した情報がこれ
10.48Mから→12.12MBと増えてる
これが実際のwebページの容量となる
 
 

容量が大きいファイルを調べる

webのサイズが大きいファイル
どのファイルが一番容量が大きいか調べるには”サイズ”を2回押して三角マークを下向き(▼)にする
するとサイズが大きい順に並ぶので、一番上が一番容量の大きいファイルとなる
この例だとファイル名DSC_0196.jpgが1.80MBと一番大きい
webページの写真にしては少し大きいね

このようにWindows10でFirefox使うと簡単にwebページの容量を調べることが出来る

コメント