Amazonでお得なタイムセールが開催中!

Google Chromeでページ・サイトの容量を調べる方法(WEBサービスでの調査方法も)

Google Chromeで見ているページの容量を調べる方法

この記事には広告を含む場合があります。

記事内で紹介する商品を購入することで、当サイトに売り上げの一部が還元されることがあります。

サイト制作など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」というサービスがあります。

Pingdom Website Speed Test

Website Speed Test | Pingdom Tools

調べたいサイトのURLと確認したい地域を選択(日本だと東京があります。)して検索すると以下のようにページサイズやページのパフォーマンスを向上させるポイントなどが表示されます。

Pingdom Website Speed Test