速度ツールに関する考え方

速度ツールについての考え方

Google は、パフォーマンス データとパフォーマンス ツールに関する多くのガイダンスを公開しています。このインフォグラフィックは、このガイダンスを統合したデベロッパーとマーケティング担当者が、パフォーマンスに対する考え方と、Google のパフォーマンス ツールの全機能の使い方を理解できるようにすることを目標としています。

PDF 版をダウンロード

折れ線グラフが描かれた紙。

ユーザー エクスペリエンスは 1 つの指標で把握できます。

優れたユーザー エクスペリエンスとは、ある特定の時点だけでは不十分です。ユーザー ジャーニーにおける一連の主要なマイルストーンで構成されます。さまざまな指標を把握し、ユーザー エクスペリエンスにとって重要な指標を追跡します。

誤解 2

さまざまなデバイスとネットワーク状態を表すネットワーク アイコンのコレクション。

ユーザー エクスペリエンスは 1 人の「代表的なユーザー」で捉えられる。
実際のパフォーマンスは、ユーザーのデバイスやネットワーク接続などの要因によって大きく変動します。ラボと開発環境を調整して、このようなさまざまな条件をテストします。フィールド データを使用して、デバイスタイプ(モバイルかパソコンか)、ネットワーク接続(3G、4G)、その他の主要な変数。

誤解 3

さまざまなユーザーの描写。

ウェブサイトの読み込みが速いため、ユーザーにとってはすばやく読み込めるはずである。
多くの場合、デベロッパーが負荷パフォーマンスをテストするデバイスやネットワークは、ユーザーが実際に体験するよりもはるかに高速です。フィールド データを使用して、ユーザーが使用しているデバイスやネットワークを把握し、パフォーマンス テストの際にそれらの条件を適切にミラーリングします。

ラボデータとフィールド データの比較

ラボデータ

たくさんの抽象的な技術概念と
アイコンの前に立っている男性の描写

ラボデータとは、事前に定義されたデバイスとネットワーク設定を含む、制御された環境で収集されたパフォーマンス データです。これにより、再現可能な結果とデバッグ機能が提供され、パフォーマンスの問題の特定、特定、修正に役立ちます。

すべきこと

強み

  • パフォーマンスの問題のデバッグに役立つ
  • UX をエンドツーエンドで詳細に可視化
  • 再現可能なテストおよびデバッグ環境
すべきでないこと

制限事項

  • 実際のボトルネックを把握できない可能性がある
  • 実際のページの KPI と相関関係がない

フィールド データ

公共の場でモバイル デバイスを使用している人々の描写。

(リアル ユーザー モニタリング(RUM)とも呼ばれます)

フィールド データは、ユーザーが実際に体験している実際のページ読み込みから収集されたパフォーマンス データです。

すべきこと

強み

  • 実際のユーザー エクスペリエンスをとらえる
  • ビジネスの重要業績評価指標との相関関係を実現
すべきでないこと

制限事項 {: .compare-worse }

  • 制限付きの指標
  • 限定的なデバッグ機能

さまざまなパフォーマンス ツールについて

灯台

灯台

パフォーマンス、ユーザー補助、PWA、SEO、その他のベスト プラクティスについて、ウェブサイトを改善するためのパーソナライズされたアドバイスを提供します。

WebPageTest

WebPageTest

管理されたラボ環境で 1 つ以上のページのパフォーマンスを比較し、パフォーマンスの統計情報を詳しく調べて、実際のデバイスでパフォーマンスをテストできます。WebPageTest で Lighthouse を実行することもできます。

TestMySite

TestMySite

各デバイスでのウェブページのパフォーマンスを診断できます。また、Webpagetest と PageSpeed Insights のエクスペリエンス改善に役立つ修正方法のリストが提供されます。

PageSpeed Insights

PageSpeed Insights

サイトの速度フィールド データと、それを改善するための一般的な最適化の提案が表示されます。

速度比較ツール

速度スコアカード

ご自身のモバイルサイトの速度を、10 か国以上の類似アプリと比較できます。モバイルサイトの速度は、Chrome ユーザー エクスペリエンス レポートの実際のデータに基づいています。

収益向上の算定ツール

収益向上の算定ツール

Google アナリティクスのベンチマーク データに基づいて、モバイルサイトの速度を改善することで得られる収益の可能性を予測できます。

Chrome デベロッパー ツール

Chrome デベロッパー ツール

ページのランタイムをプロファイリングし、パフォーマンスのボトルネックを特定してデバッグできます。

あなたは...

チャートやグラフを示す
書籍のアイコン

ウェブサイトのユーザー エクスペリエンスを改善するためのビジネスケースを作成しようとしているマーケティング担当者またはデベロッパー。ドルとセントを話し、機会費用と見込まれる伸びの定量化に役立つ金額を求めています。

  • 速度スコアカードを使用すると、ご自身のモバイルサイトの速度を 10 か国以上の類似アプリと比較できます。スコアは Chrome ユーザー エクスペリエンス レポートの実際のデータに基づいています。
  • 収益向上の算定ツールを使用すると、モバイルサイトの速度を改善した場合に見込まれる収益の可能性を推測できます。Google アナリティクスのベンチマーク データによって効果が促進される。
  • TestMySite を使って、業界ベンチマークと合わせてページのモバイル読み込み時間をテストし、簡単な修正でサイトの動作速度を上げ、訪問者の減少をいかに減らすかをご確認ください。TestMySite は現在、WebPageTest と PageSpeed Insights を利用しています。
背後と少し上に Chrome ロゴがあるノートパソコンのアイコン。

実際の Chrome ユーザーによるサイトの現在のパフォーマンスを把握し、業界の主要なトレンドやガイドラインに沿った監査の推奨事項を求めているデベロッパー

PageSpeed Insights は、Chrome ユーザーが実際に体験したサイトのパフォーマンスを把握して、最適化に関する推奨事項を提供するのに役立ちます。

Lighthouse 監査結果ページのアイコン。

ウェブサイトを理解し、ウェブ パフォーマンスの最新のベスト プラクティスに基づいて監査しようとするデベロッパー。

Lighthouse には、パフォーマンスに関する包括的な最適化案が掲載されています。ページに記載されていないパフォーマンスに関する最適化案のリストと、各最適化の実装で節約できた時間を確認することで、必要な対応を把握できます。

虫に虫メガネがかかっているアイコン

サイト パフォーマンスをデバッグしたり、詳しく分析したりする方法についての技術的なガイダンスを必要としているデベロッパー。

Chrome デベロッパー ツール(CDT)には、パフォーマンス パネルが含まれています。このパネルでは、カスタマイズした設定でサイトをプロファイリングすることで、サイトのパフォーマンスの問題をドリルダウンし、パフォーマンスのボトルネックを追跡できます。CDT は、ウェブサイトの本番環境バージョンまたは開発バージョンで使用できます。

WebPageTest には、高度な指標とトレース ビューアのスイートが含まれています。ネットワーク状況に応じた実際のモバイル ハードウェアでのサイトのパフォーマンスを詳しく調べることができます。