サイト制作などWEBページを作る時などに、読み込み速度を考慮してページの容量を確認したい場合があると思います。
このページではGoogle Chromeで見ているページのデータ容量を調べる方法を解説していきます。
Google Chromeで見ているページの容量を調べる方法
1.Chromeで調べたいページを開いたら、Chromeデベロッパーツールを起動します
まず容量を調べたいページでChromeデベロッパーツールを起動します。
ショートカットキーはWindowsは「Ctrl + Shift + i」、Macなら「command + option + i」で起動します。
2.「Network」タブを選択する
起動したChromeデベロッパーツールで「Network」タブを選択し、再度読み込むと、見ているページのおおよそのファイル容量を調べることができます。
また、ページの読込時間とそのタイムラインの形式で表示されるので、どこが表示のボトルネックになっているのか確認できます。
WEBから確認するなら「Pingdom Website Speed Test」
今回紹介したのはChromeでページ・サイトの容量を調べる方法でしたが、WEBサービスで確認できるものとして「Pingdom Website Speed Test」というサービスがあります。
Website Speed Test | Pingdom Tools
調べたいサイトのURLと確認したい地域を選択(日本だと東京があります。)して検索すると以下のようにページサイズやページのパフォーマンスを向上させるポイントなどが表示されます。