Webサイトの表示速度を計測するツールについて

Webサイトの表示速度を計測するツールについて

2021年3月18日
高速化
Pocket

2021年5月から、Core Web Vitalsの各指標が、Google検索のランキング要因になると言われています。

それに向けて、事前準備が必要ですが、実際に自分のページのどこに問題があるのかを

ツールを使って調査する必要があります。

簡単なもので思いつくのは、Chromeの開発ツールにある「Lighthouse」ですね。

それ以外にも速度を計測ツールが色々とあるのでこちらで紹介したいと思います。

PageSpeed Insights

Googleが提供しているツールで、「Webサイト 速度計測」等で検索すると1つめに出てきます。

Lighthouseと見た目、結果表示等はほぼ同じですが、実行環境としてローカルからのアクセスか

PageSpeed Insightsからのアクセスかで異なる為、結果としては少しことなるかなと思います。

developers.google.com

実際に、PageSpeed Insightsのページ自体を、PageSpeed InsightsとLighthouseで実行してみた結果です。

Webサイトの表示速度を計測するツールについて
PageSpeed Insights
Webサイトの表示速度を計測するツールについて
Lighthouse

100になってないのを見て少し安心しました。

Measure

こちらは、裏では、Lighthouseを利用しているツールになります。

web.dev
Webサイトの表示速度を計測するツールについて

WEBPAGETEST

こちらは、どこから?やどのブラウザでを選択して計測することができます。

Run a free website speed test from around the globe using real browsers at consu…
webpagetest.org
Webサイトの表示速度を計測するツールについて
場所やブラウザの指定が可能

以下が、実行結果

Webサイトの表示速度を計測するツールについて

速度だけでなく、セキュリティチェックなどもしてくれます。

また、結果のURLが生成されるので、結果を他の人にシェアできるのでチーム開発時等は重宝します。

Pingdom Website Speed Test

黄色とかわいいフォントで記憶に残ります。

Webサイトの表示速度を計測するツールについて
Use this free Website Speed Test to analyze the load speed of your websites, and…
tools.pingdom.com
Webサイトの表示速度を計測するツールについて

こちらも、どこからという指定ができます。選択できる都市は、WEBPAGETESTより少ないです。

結果は、以下のように細かく指摘してくれます。

Webサイトの表示速度を計測するツールについて
Webサイトの表示速度を計測するツールについて

GTmetrix

Webサイトの表示速度を計測するツールについて
GTmetrix is a free tool to test and monitor your page's performance. Using …
gtmetrix.com

こちらは、Vancouver, Canada using Chrome (Desktop)からのテストとなり、ログインすると変更ができるようです。

Webサイトの表示速度を計測するツールについて

以下が結果画面です。

Webサイトの表示速度を計測するツールについて

履歴が見れるところも特徴かもしれません。

Webサイトの表示速度を計測するツールについて

もちろんテストをしていないサイトについては、履歴はでません。定期的に実行するなどしましょう。

Webサイトの表示速度を計測するツールについて

まとめ

正直どれ使えばいいかわかりません。

最終的にすべてのツールで、スコアがよくなるのがいいのでしょうが、費用対効果を見てどれか1つに絞って

スコアの向上をはかるのがいいのではないでしょうか。

ちなみに、以下のページでは、Pingdom vs GTmetrix vs WebPagetest どう違うのかを解説しています。

Webサイトの表示速度を計測するツールについて
If you've used Pingdom, GTmetrix and WebPagetest, you might be wondering wh…
wp-rocket.me
  • 一般的なテスト:Pingdom、GTmetrix、WebPagetest
  • 履歴テスト:GTmetrixおよびWebPagetest
  • 包括的なテスト:GTmetrixおよびWebPageTest
  • ロケーションテスト:Pingdom、GTmetrix、WebPageTest
  • 高度な使用:GTmetrixおよびWebPagetest

自分にあったツールを使って、高速化、サイト改善をはかっていきましょう。