WEBページの読み込む容量を視覚的に測定してくれる「Pingdom Website Speed Test」
WEBサイトやブログを運営していると、表示速度の改善やサイトの軽量化をしたくなります。やはり閲覧する方も、表示がもっさりとしているよりも、サクサクと閲覧できた方が気持ちよく見られますよね。
SEO的にも、表示速度が速い方が評価は高くなります。
また、レスポンシブデザインだと、スマートフォンで閲覧した際にも同じページが表示されるので、1ページの容量が大きいと、通信量が多くなってしまいます。その為、可能な限り1ページの容量は少なくした方が、ユーザーに優しいサイトになります。
それでは、どのようにして1ページの容量を調べれば良いでしょうか。
「Pingdom Website Speed Test」を利用すれば、1ページの読み込み量を調べることができます。
・Pingdom Website Speed Test 公式サイト
http://tools.pingdom.com/
HTMLや画像、JSやCSSファイルなどの読み込みが視覚的に表示
サイトにアクセスすると、以下のような画面が表示されます。
「Recent tests」には、最近テストされたURLが表示されています。
「www.example.com」と書かれているボックスに、1ページの読み込み量を調べたいURLを入力して、「Test Now」をクリックします。すると、読み込まれるHTMLや画像、JSやCSSファイルなどが、どのように読み込まれているかが表示されます。
上記は、WEB上手のトップページの実行結果です。
自分の中では300kb～400kbくらいの容量かと思っていたのですが、なんと940kbもありました。
今の時代だから、まだ940kbという容量は許されますが、以前にこの読み込み量だと、表示が遅くて仕方がない重さだと思います（＾＾； Pingdom Website Speed Testを使うと、どのファイルが、どのタイミングで読み込まれているかを、視覚的に見ることができるので、とても便利だと思います。
中のページに関しては、1ページ1.6MBもありました。。。
Google Adsenseや楽天ウィジェット、WP Social Bookmarking Lightなどが、読み込むファイル量が多く、少々考えどころではあります。ただ、これらのファイルは表示が済んだ後に読み込んでいるようなので、体感的にはそこまで影響はなさそうです。
あくまで目安ではありますが、これをもとにサイトの表示速度の改善を行っていきたいですね。
関連記事
こちらの記事も読まれています
音量アイコンが反応しない場合の対処法（Windows 10）（3.2k view）
「ヒラギノ角ゴ」にソックリ！無料で使えるOpen Type フォント「...（3.1k view）
プリンターの状態が「要確認」と表示されて印刷できない場合の復旧方法（2.1k view）
「光回線受付センター」はNTTではないので注意！光コラボとは？（802 view）
iPhone等のスマホで<video>タグの動画が表示され...（748 view）
【詐欺メールに注意】お客様のAmazonプライム会員資格は、2019/...（687 view）
J:COM（ジェイコム）の無料メールアドレスの追加設定方法（623 view）
MW WP Formでメールが届かない・送信されない場合の対処法（615 view）
Windowsで「更新してシャットダウン」が消えない場合の対処法（594 view）
迷惑メール？「MAILER-DAEMON」から大量にメールが届く場合は...（460 view）
コメントする