新PageSpeed Insightsの使い方！分析結果の各項目をご紹介

Googleが提供するツールの一つである「PageSpeed Insights」の仕様が変わりました。その仕様についてや分析結果の項目について紹介していきます。

さらに、その他優先的に必要な内部対策についてはこちらの資料をご覧いただくとわかりやすいかと思いますので、ぜひ参考にしてみてください！

PageSpeed Insightsの進化

「PageSpeed Insights」は、Googleが提供するスコアを測定するためのツールです。PageSpeed Insightsは以前から多くの人が使っているツールで、最近リニューアルが行われました。

リニューアル後は、リニューアル前と同じく、「0～100」のスコアでページ表示速度が速いのか？遅いのか？判定を行ないます。

スコアでの評価は下記になり、色で分かりやすく表しています。

また、リニューアル後はスコアの分析の基は、「Lighthouse」になっています。

下記は現在PageSpeed Insightsで提供される情報です。

PageSpeed Insightsでの各情報について

フィールドデータ

Googleがページの表示速度の判断として使用しているデータであるChrome User Experience Report（CrUX）からレポートを出してくれる機能があります。

下記画像の赤枠「提供元の概要を表示」をクリックすることで、Chrome User Experience Report（CrUX）と比較した全てのページの速度の判定が見られます。

この結果は、以前のPageSpeed Insightsの場合、「origin:」のコマンドを使うことで結果を知ることができました。ですが、Chrome User Experience Report（CrUX）から判定ができるため、リニューアル後のPageSpeed Insightsでは、「origin:」のコマンドは廃止になっています。

Chrome User Experience Report（CrUX）とは？

上記で述べているChrome User Experience Report（CrUX）とは、Chromeを利用しているユーザーのデータが使われています。そのため、以前のPageSpeed Insightsよりも正確な結果が出せると言えます。

ラボデータ

「Lighthouse」を使って分析を行ない下記項目や色でスコアの評価を分かりやすく表してくれます。

Lighthouseはどんなツール？

冒頭でも述べている「Lighthouse」はGoogleが提供しているツールです。PWAに関しての評価を主に測定してくれます。

Lighthouseの詳細は下記ページにて紹介しています。

改善できる項目

以前のPageSpeed Insights同様、ページ表示速度を向上させるための改善案が表記されます。

更に、短縮できる推定時間も表記されているので、どのくらいの時短ができるのかという目安としての判断材料にすることもできます。

また、この項目でも色で重要度を分かりやすく表してくれています。

診断

この項目では、アプリケーションに関する改善点を上げてくれます。こちらも改善することで、ミリ秒単位での時短の効果が得られます。

また、この項目でも色で重要度を分かりやすく表しています。

合格した監査

PageSpeed Insightsのツールで改善の必要がないと判断された項目が見れます。こちらが多いほど、分析を行ったページはユーザーに早くページ情報を与えていると判断ができます。

下記画像の赤枠をクリックすることで、改善が必要ではない一覧が確認できます。

PageSpeed Insightsの使い方

PageSpeed Insightsの使い方に変わりはありません。

下記画像の赤枠に分析したいURLを入力後、黄色枠の「分析」をクリック

クリック後、モバイル・パソコン両方のページ表示速度が確認できます。

モバイル・パソコンの切り替え方法も簡単で下記画像の赤枠のチェックしたい名称をクリックすることで切り替わります。

リニューアル後のPageSpeed InsightsとLighthouseの測定結果は違う！？

リニューアル後のPageSpeed InsightsはLighthouseを基に測定を行っているため、結果は同じと考えられます。しかし、実際はPageSpeed InsightsとLighthouseで得た測定結果に違いが出ています。

その理由は、

これらの違いにより、測定結果に相違が生まれています。上記のような相違があるものの、どちらが正しいのかという点は明確化されていません。

ですので、私個人としてはより正しくページの表示速度を分析したいと考えているなら複数の測定ツールで比較することをおすすめします。

ページの表示速度を測定できる他ツール

Impact Calculator 

Impact Calculatorは複数のドメインを一度に測定できるツールです。

詳細は下記ページにて掲載しています。

Test my site 

モバイルのみのページ表示速度を測定してくれるツールです。

詳細は下記ページにて掲載しています。

リニューアル後の結果はリニューアル前と比べて結果が変わることがある？

リニューアル前のPageSpeed Insightsでは、ページ表示速度の結果が良好と判断されていたのに、リニューアル後に確認したところ最適ではないと判断されたという事例があります。

そのため、以前分析したから二度目のチェックはしなくていいだろうという考えを持つのではなく、リニューアル後のPageSpeed Insightsでも分析を行ってみるといいでしょう。

分析のデータ基が変わったことでの測定結果の変動が考えられるので、改めて分析することをおすすめします。

まとめ

ページ表示速度の改善は、Googleが以前から推奨している改善策になります。

PageSpeed Insightsがリニューアルしたことで、より詳しく改善できるポイントが分かるようになっているので、ユーザーにより良い環境で利用してもらうためにも積極的に改善していくといいでしょう。