PageSpeed Insights は、モバイルとデスクトップ デバイス向けのページまたは origin の実際のパフォーマンスを報告し、そのページを 1 つのページを分析したときにどのように改善できるかについての提案を提供します。
速度スコア
PageSpeed Insights では、Chrome ユーザー エクスペリエンス レポート（CrUX）のデータを組み込んで、ページや origin に関する実際のパフォーマンス データを表示します。PSI レポートでは、First Contentful Paint（FCP）と DOMContentLoaded（DCL）の 2 つのmetricsがレポートされます。
各指標（FCP または DCL）の中央値は、CrUX レポートでモニタリングしているすべてのページと比較されます。分布内での位置に応じて、各指標には次のようにカテゴリが割り当てられます。
- 速い: 指標の中央値は、すべてのページの読み込みのなかで上位の 1/3 に含まれています。
- 遅い: 指標の中央値は、すべてのページの読み込みのなかで下位の 1/3 に含まれています。
- 平均: 指標の中央値は、すべてのページの読み込みのなかで中間の 1/3 に含まれています。
全体的な速度スコアは、各指標のカテゴリを確認して計算されます。
- 速い: ページまたは origin のすべての指標が「速い」に分類される場合です。
- 遅い: ページまたは origin の指標のいずれかが「遅い」に分類されている場合。
- 平均: 上記以外の場合。
ページの読み込み分布
[ページ負荷の分布] セクションには、CrUX データセットの FCP 指標と DCL 指標の分布が表示されます。
- Origin: この origin から配信されるすべてのページの集計速度データ。
- ページ: 単一のページの速度データ。
各指標の分布は、「速い（上位の 1/3）」、「平均（中間の 1/3）」、「遅い（下位の 1/3）」の 3 カテゴリに分かれます。分布は毎日更新されます。
最適化スコア
PageSpeed Insights は、1 つのページを分析した場合にのみ最適化情報を報告します。
PSI では、ページがパフォーマンスに関する一般的なベスト プラクティスにどの程度従っているかを評価し、パフォーマンスの伸びしろの推定値を 0 ～ 100 のスコアで算出します。次の 2 つの項目について、ページのパフォーマンスが改善できるかどうかを評価します。
- スクロールせずに見える範囲のコンテンツの読み込み時間: ユーザーが新しいページをリクエストした瞬間から、スクロールせずに見える範囲のコンテンツがブラウザで表示されるまでの経過時間。
- ページ全体の読み込み時間: ユーザーが新しいページをリクエストした瞬間から、ブラウザでページが完全に表示されるまでの経過時間。
スコアは「良好」、「中」、「低」に分類されます。これはデベロッパーがページの外観と機能の変更を検討していないという前提で算出されます。
- Good: ページには、パフォーマンスに関するおすすめの方法が最大限適用されており、最適化の余地がほとんどありません。ページのスコアは 80 以上になります。
- Medium: ページには、パフォーマンスに関する一般的なおすすめの方法の一部が実装されておらず、ある程度最適化の余地があります。ページのスコアは 60～79 の範囲になります。
- Low: ページは最適化されておらず、最適化すべき点がかなり多くあります。ページのスコアは 0～59 の範囲になります。
最適化スコアは、ページのパフォーマンス改善の余地を示すものです。読み込み速度の遅いページであっても、ページで使用されている全リソースに対するレンダリング ブロック リソースの割合が少ないと、最適化スコアが高くなる場合があります。一方、高速のページは、リソースの総数に対してレンダリング ブロック リソースの数が多くなるため、最適化スコアが低くなる可能性があります。
ページの統計情報
このセクションでは、ページのレンダリング ブロック リソースの読み込みに必要なラウンド トリップ、ページで使用されている合計バイト数、データセットで使用されているラウンド トリップ回数およびバイト数の中央値との比較について説明します。ページの外観と機能を変更することで、読み込みを高速化できるかどうかを確認できます。
最適化についての提案
このページに適用できるベスト プラクティスは次のとおりです。ページが高速である場合は、データセット内のすべてのページの上位 3 分の 1 にすでに入っており、それ以上の改善は不要と思われるため、これらの候補はデフォルトでは表示されません。
ネットワーク接続のパフォーマンスは大きく異なるため、ネットワークに依存しないページ パフォーマンスの最適化では、サーバーの設定、ページの HTML 構造、外部リソース（画像、JavaScript、CSS など）の使用などに対処します。候補を適用することで、ページの相対的なパフォーマンスが向上するはずです。ただし、ページの絶対的なパフォーマンスは、依然としてユーザーのネットワーク接続に左右されます。
速度のパフォーマンスはさまざまな要因の影響を受けますが、特に重要なのは次の 2 つです。
- レンダリング ブロック ラウンド トリップ : レンダリング ブロック リソースの配信に必要なラウンド トリップの回数です。ページのリソースのほとんどがレンダリング ブロック リソースである場合、PageSpeed Insights ではそのページに大きな改善の余地があるとみなされます。ランディング ページのリダイレクトの回避、レンダリング ブロックの JavaScript と CSS の排除、ブラウザ キャッシュの活用、表示されるコンテンツの優先順位付け、最適化のためのサーバーの応答時間の短縮ルールについて調べることができます。
- レスポンスのサイズ: HTML のメインリソースとすべてのサブリソースを含む、レスポンスの合計サイズです。圧縮や軽量化によってレスポンスの本体のほとんどを削減可能な場合、PageSpeed Insights ではそのページに大きな改善の余地があるとみなされます。デベロッパーは、最適化するために、圧縮を有効にする、リソースを最小化、画像を最適化するルールを調査できます。
質疑応答
PageSpeed Insights についてご不明な点がございましたら、よくある質問をご覧になるか、ヘルプ グループに質問を投稿してください。