サイト制作などWEBページを作る時などに、読み込み速度を考慮してページの容量を確認したい場合があると思います。
このページではGoogle Chromeで見ているページのデータ容量を調べる方法を解説していきます。
Google Chromeで見ているページの容量を調べる方法
1.Chromeで調べたいページを開いたら、Chromeデベロッパーツールを起動します
まず容量を調べたいページでChromeデベロッパーツールを起動します。
ショートカットキーはWindowsは「Ctrl ＋ Shift ＋ i」、Macなら「command + option + i」で起動します。
2.「Network」タブを選択する
起動したChromeデベロッパーツールで「Network」タブを選択し、再度読み込むと、見ているページのおおよそのファイル容量を調べることができます。
また、ページの読込時間とそのタイムラインの形式で表示されるので、どこが表示のボトルネックになっているのか確認できます。
