Google は、パフォーマンス データとパフォーマンス ツールに関するガイダンスを多数公開しています。このインフォグラフィックの目的は、デベロッパーとマーケター向けにこのガイダンスをまとめ、パフォーマンスについてどのように考え、Google のすべてのパフォーマンス ツールをどのように活用すればよいかを理解できるようにすることです。
パフォーマンスに関するよくある誤解
誤解 1
ユーザー エクスペリエンスを 1 つの指標で把握できる。
優れたユーザー エクスペリエンスは、ある一時点だけで捉えられるものではありません。これは、ユーザー ジャーニーの一連の主要なマイルストーンで構成されています。さまざまな指標を理解し、ユーザー エクスペリエンスにとって重要な指標を追跡します。
誤解 2
ユーザー エクスペリエンスは、1 人の「代表的なユーザー」で把握できる。
実際のパフォーマンスは、ユーザーのデバイス、ネットワーク接続、その他の要因の違いにより大きく異なります。ラボと開発環境を調整して、さまざまな条件をテストします。フィールド データを使用して、デバイスタイプ（モバイルとパソコン）、ネットワーク接続（3G、4G など）、その他の主要な変数。
誤解 3
自分のウェブサイトは読み込みが速いので、ユーザーにとっても読み込みが速いはずです。
デベロッパーが読み込みパフォーマンスをテストするデバイスやネットワークは、ユーザーが実際に使用するものよりもはるかに高速であることがよくあります。フィールド データを使用して、ユーザーが使用しているデバイスとネットワークを把握し、パフォーマンスをテストする際にそれらの条件を適切に反映します。
ラボデータとフィールド データの違い
ラボデータ
ラボデータは、事前定義されたデバイスとネットワーク設定を使用して、制御された環境内で収集されたパフォーマンス データです。これにより、再現可能な結果とデバッグ機能が提供され、パフォーマンスの問題の特定、分離、修正に役立ちます。
強み
- パフォーマンスの問題のデバッグに役立つ
- UX のエンドツーエンドの詳細な可視化
- 再現可能なテスト環境とデバッグ環境
制限事項
- 実際のボトルネックを把握できない可能性がある
- 実際のページの KPI と関連付けることができない
フィールド データ
（リアルユーザー モニタリング（RUM）とも呼ばれます）
フィールド データは、ユーザーが実際に体験している実際のページ読み込みから収集されたパフォーマンス データです。
強み
- 実際のユーザー エクスペリエンスを正確に把握できる
- ビジネスの重要業績評価指標との相関関係を可能にする
制限事項 {: .compare-worse }
- 制限付きの指標セット
- デバッグ機能が限定的
パフォーマンス ツールにはどのようなものがありますか？
Lighthouseウェブサイトの改善方法について、パフォーマンス、アクセシビリティ、PWA、SEO、その他のベスト プラクティスに関するパーソナライズされたアドバイスを提供します。 |
WebPageTest管理された実験環境で、1 つまたは複数のページのパフォーマンス比較、パフォーマンス統計の詳細分析、実際に使用するデバイスでのパフォーマンス テストを実行できます。Lighthouse は WebPageTest でも実行できます。 |
TestMySiteWeb ページのパフォーマンスを複数のデバイスで診断でき、エクスペリエンスの改善に関する Webpagetest と PageSpeed Insights からの修正リストが提供されます。 |
PageSpeed Insightsサイトの速度フィールド データと、速度を改善するための一般的な最適化提案が表示されます。 |
速度スコアカードモバイルサイトの速度を 10 か国以上の同業他社と比較できます。モバイルサイトの速度は、Chrome ユーザー エクスペリエンス レポートの実際のデータに基づきます。 |
収益向上の算定ツールGoogle アナリティクスのベンチマーク データに基づいて、モバイルサイトの速度改善によって生まれる可能性がある収益機会を推定できます。 |
Chrome デベロッパー ツールページの実行時間をプロファイリングし、パフォーマンスのボトルネックを特定してデバッグできます。 |
つまり、
ウェブサイトのユーザー エクスペリエンスを改善するためのビジネスケースを構築しようとしているマーケティング担当者またはデベロッパー。あなたは、機会費用と期待される効果を定量化するのに役立つ金額を求めています。
- 速度スコアカードを使用すると、モバイルサイトの速度を 10 か国以上の同業他社と比較できます。スコアは、Chrome ユーザー エクスペリエンス レポートの実際のデータに基づきます。
- 収益向上の算定ツールを使用して、モバイルサイトの速度改善によって生まれる可能性がある収益機会を推定します。影響は、Google アナリティクスのベンチマーク データに基づいています。
- TestMySite を使用して、ページのモバイル読み込み時間を業種別ベンチマークと比較してテストし、簡単な修正でサイトを高速化してサイト訪問者の離脱を減らす方法を学びます。TestMySite は現在、WebPageTest と PageSpeed Insights を利用しています。
実際の Chrome ユーザーが体験しているサイトの現在のパフォーマンスを把握し、業界の主要なトレンドやガイドラインに照らして監査の推奨事項を探しているデベロッパー。
PageSpeed Insights を使用すると、Chrome ユーザーが実際に体験しているサイトのパフォーマンスを把握し、最適化の機会を特定できます。
最新のウェブ パフォーマンスのベスト プラクティスに照らしてウェブサイトを理解し、監査しようとしているデベロッパー。
Lighthouse には、パフォーマンス改善の機会が包括的に含まれています。ページに欠けているパフォーマンス改善の機会のリストと、各最適化を実装することで節約できる時間が表示されるため、何をすべきかを把握できます。
サイトのパフォーマンスをデバッグまたは特集する方法に関する技術的なガイダンスを求めているデベロッパー。
Chrome デベロッパー ツール（CDT）には、パフォーマンス パネルが含まれています。このパネルでは、カスタマイズされた構成でサイトをプロファイリングすることで、サイトのパフォーマンスの問題をドリルダウンし、パフォーマンスのボトルネックを追跡できます。CDT は、ウェブサイトの本番環境バージョンまたは開発版バージョンのいずれでも使用できます。
WebPageTest には、指標とトレース ビューアの高度なスイートが含まれています。これにより、ネットワーク条件が設定された実際のモバイル ハードウェアで、サイトのパフォーマンスを詳細に分析できます。