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)、Interaction to Next Paint(INP)、Cumulative Layout Shift を示します。続いて、First Contentful Paint(FCP)と Time to First Byte(TTFB)といった注目すべき指標が続きます。
Core Web Vitals
- LCP は、ヒーロー画像や見出しなど、ページのメイン コンテンツが表示されるまでの時間を測定します。
- FID は、ユーザーの最初の操作からページが応答するまでのページのインタラクティビティを測定します。
- CLS は、非同期に読み込まれるコンテンツの挿入などのシフトによるページ上のレイアウトの不安定性の度合いを測定します。
その他の重要な指標
- INP は保留中のウェブに関する主な指標で、ユーザーがページで行ったすべてのインタラクションのレイテンシを測定し、すべて(またはほぼすべての)インタラクションが下回った 1 つの値を報告します。
- FCP は、なんらかのテキストやロゴなどがページのフォアグラウンドに表示されるまでの時間を測定します。
- TTFB は、リソースのリクエストからレスポンスの最初のバイトが到着し始めるまでの時間を測定する試験運用版の指標です。
指標のしきい値
次の表に、これらの指標の値が「良好」、「改善が必要」、または「低速」に分類される方法を示します。
指標 | 「Good」 | 「要改善」 | "低い" |
---|---|---|---|
LCP | 0 ~ 2,500 ミリ秒 | 2,500 ~ 4,000 ミリ秒 | 4,000 ミリ秒以上 |
FID | 0 ~ 100 ミリ秒 | 100 ~ 300 ミリ秒 | 300 ミリ秒以上 |
CLS | 0.00 ~ 0.10 | 0.10 ~ 0.25 | 0.25 以上 |
INP | 0 ~ 200 ミリ秒 | 200 ~ 500 ミリ秒 | 500 ミリ秒以上 |
FCP | 0 ~ 1,800 ミリ秒 | 1,800 ~ 3,000 ミリ秒 | 3,000 ミリ秒以上 |
TTFB | 0 ~ 800 ミリ秒 | 800 ~ 1,800 ミリ秒 | 1,800 ミリ秒以上 |
Core Web Vitals の指標は最も重要な指標であり、実際のユーザーが直接確認できます。他の指標は診断として使用できますが、実際のユーザーが認識できるとは限りません。したがって、これらの指標はウェブに関する主な指標の評価で考慮されません。「良好」の基準を満たしていないのは、ウェブに関する主な指標に悪影響を与えている場合にのみ重要です。
PSI でユーザー エクスペリエンスを表示する方法は 3 つあります。
- ページがウェブに関する主な指標の評価の 合格または不合格を要約したラベル
- 秒またはミリ秒で測定されるパーセンタイル(CLS は単位なし)
- このセクションの右上にある [ビューを開く] をクリックすると、「良好」、「改善が必要」、「低速」の各エクスペリエンスの割合を表す分布を確認できます。
上のスクリーンショットでは、Core Web Vitals の評価に「合格」と表示されています。合格するには、Core Web Vitals の 3 つすべてでパーセンタイルが「良好」に分類されている必要があります。それ以外の場合、評価は「不合格」と表示されます。一部のページには十分な FID データがない場合があります。その場合は、他の 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 の CrUX データに関するよくある質問をいくつかご紹介します。
PageSpeed Insights はどのような場合に使用しますか?
PSI は、CrUX の実際のユーザー エクスペリエンス データと、Lighthouse によるラボベースのパフォーマンス診断を組み合わせたものです。これにより、ページの表示速度や高速化方法を 1 か所で簡単に確認できます。PSI のフィールド データは毎日集計されるため、集計の頻度が低いツールよりも、オリジンまたは URL のパフォーマンスをより詳細にモニタリングできます。
PageSpeed Insights の使用にあたって制限事項はありますか?
PSI で提供されるのは最新の日次集計のみであるため、サイトのパフォーマンスの傾向を把握できない場合があります。CrUX データセットに含まれる重要でない指標もありますが、PSI では公開されません。
PageSpeed Insights の詳細はどこで確認できますか?
詳しくは、PSI のドキュメントをご覧ください。