PageSpeed Insights(PSI)は、ページのパフォーマンスと改善方法を把握するためのウェブ デベロッパー向けツールです。Lighthouse を使用してページを監査し、パフォーマンス改善のための最適化案を特定します。また、Chrome UX レポート(CrUX)とも統合され、実際のユーザーによるページとオリジンでの総合的なエクスペリエンス状況を確認できます。このガイドでは、PSI を使用して CrUX から分析情報を抽出し、ユーザー エクスペリエンスについての理解を深める方法について説明します。
データの読み取り
まず、https://pagespeed.web.dev/ に移動し、テストするページの URL を入力して [Analyze] をクリックします。
数秒後に Lighthouse の監査が実行され、CrUX のデータのセクション(「実際のユーザー エクスペリエンスを確認する」)と Lighthouse(「パフォーマンスの問題を診断する」)のセクションが表示されます。CrUX は現場での実際のユーザー エクスペリエンスの集まりであるのに対し、Lighthouse はラボでの制御されたテストです。
実際のユーザー エクスペリエンスのセクションでは、指標は Core Web Vitals とその他の重要な指標によってグループ化されています。まず、Core Web Vitals の 3 つの指標(Largest Contentful Paint(LCP)、First Input Delay(FID)、Cumulative Layout Shift)を記載しています。これに続いて、他の注目すべき指標である First Contentful Paint(FCP)、Interaction to Next Paint(INP)、Time to First Byte(TTFB)が続きます。
Core Web Vitals
- LCP は、ヒーロー画像や見出しなど、ページのメイン コンテンツが表示されるまでの時間を測定します。
- INP は、ユーザーがページで行ったすべてのインタラクションのレイテンシを測定し、すべて(またはほぼすべての)インタラクションが下回った単一の値をレポートします。
- CLS は、非同期に読み込まれるコンテンツの挿入などのシフトによるページ上のレイアウトの不安定性の度合いを測定します。
その他の重要な指標
- FCP は、なんらかのテキストやロゴなどがページのフォアグラウンドに表示されるまでの時間を測定します。
- TTFB は、リソースのリクエストからレスポンスの最初のバイトが到着し始めるまでの時間を測定する試験運用版の指標です。
- FID(現在はサポート終了となり、INP に置き換え)は、ユーザーの初回インタラクションからページが応答するまでの時間におけるページのインタラクティビティを測定します。
指標のしきい値
次の表に、これらの指標の値が「良好」、「改善が必要」、または「低速」に分類される方法を示します。
指標 | 「良好」 | 「改善が必要」 | 「要改善」 -- | -- | -- | -- LCP | 0 ~ 2,500 ミリ秒 | 2500 ~ 4,000 ミリ秒 | 4000 ミリ秒+ 0 ~ 0.10 | 0.10 ~ 0.25 | 0.25+ 20 ミリ秒 | 0 ミリ秒
Core Web Vitals の指標は最も重要な指標であり、実際のユーザーが直接確認できます。他の指標は診断として使用できますが、実際のユーザーが認識できるとは限りません。したがって、これらの指標はウェブに関する主な指標の評価で考慮されません。「良好」の基準を満たしていないのは、ウェブに関する主な指標に悪影響を与えている場合にのみ重要です。
PSI でユーザー エクスペリエンスを表示する方法は 3 つあります。
- ページがウェブに関する主な指標の評価の 合格または不合格を要約したラベル
- 秒またはミリ秒で測定されるパーセンタイル(CLS は単位なし)
- このセクションの右上にある [ビューを開く] をクリックすると、「良好」、「改善が必要」、「低速」の各エクスペリエンスの割合を表す分布を確認できます。
上のスクリーンショットでは、Core Web Vitals の評価に「合格」と表示されています。合格するには、Core Web Vitals の 3 つすべてでパーセンタイルが「良好」に分類されている必要があります。それ以外の場合、評価は「不合格」と表示されます。一部のページに十分な INP データがない場合、他の 2 つの Core Web Vitals 指標でページが評価されます。
すべての指標に表示されるパーセンタイルは、75 パーセンタイルに対応しています。統計におけるパーセンタイルとは、サンプルの特定のパーセンテージが下回る値を示す尺度です。たとえば、上のスクリーンショットでは、FID の 75 パーセンタイルが 13 ミリ秒になっています。つまり、FID エクスペリエンスの 75% が 13 ミリ秒より高速です。これらの値は、上記のしきい値表に従って色分けされています。「良好」は緑、「改善が必要」はオレンジ、「不良」は赤です。
最後に、各指標の分布が、「良好」、「改善が必要」、「要改善」のグループ化を使用して示されます。たとえば、このページの LCP エクスペリエンスは、90% の確率で「良好」(2.5 秒未満)となっています。FID が 1% の割合で「低速」(300 ミリ秒以上)である。これらの分布は、ページ上のすべてのユーザー エクスペリエンスを表し、形状は傾向が「良い」か「悪い」かを示します。
送信元のパフォーマンスの概要
PSI には、送信元のパフォーマンスの概要も含まれます。オリジンの全ページにおけるユーザー エクスペリエンスを集計したものです。個々のページについてと同様に、オリジン全体について同じ統計情報を取得できます。このデータは BigQuery で使用可能なデータとほぼ一致していますが、ページレベルのパフォーマンスをクエリで使用することはできません。
PSI と BigQuery のオリジン レベルのデータには、大きな違いが 1 つあります。BigQuery のデータセットは月に 1 回リリースされ、その中には前月のデータが含まれます。たとえば、202005 年のデータセットには、2020 年 5 月に発生したすべてのユーザー エクスペリエンスが含まれています。一方、PSI では、過去 28 日間を含む毎日新しいデータが集計されます。そのため、明日には結果が異なる可能性があり、当月の BigQuery の集計に表示される結果と必ずしも同じになるとは限りません。
CrUX で URL データを利用できない場合のレスポンス
入力した URL が CrUX で利用できない場合、PageSpeed Insights は以下のようにオリジンレベルのデータにフォールバックしようとします。無効になっている [この URL] ボタンの横にあるアイコンをクリックすると、詳細が表示されます。
オリジンレベルのデータが CrUX でも利用できない場合は、PSI ではこのセクションを表示できず、[No Data] と表示されます。ページのパフォーマンスは、引き続き Lighthouse のラボデータで確認できます。
よくある質問
PageSpeed Insights はどのような場合に使用しますか?
PSI は、CrUX の実際のユーザー エクスペリエンス データと、Lighthouse によるラボベースのパフォーマンス診断を組み合わせたものです。これにより、ページの表示速度や高速化方法を 1 か所で簡単に確認できます。PSI のフィールド データは毎日集計されるため、集計の頻度が低いツールよりも、オリジンまたは URL のパフォーマンスをより詳細にモニタリングできます。
PageSpeed Insights の使用にあたって制限事項はありますか?
PSI で提供されるのは最新の日次集計のみであるため、サイトのパフォーマンスの傾向を把握できない場合があります。CrUX データセットに含まれる重要でない指標もありますが、PSI では公開されません。
PageSpeed Insights の詳細はどこで確認できますか?
詳しくは、PSI のドキュメントをご覧ください。