Chrome ユーザー エクスペリエンス レポートを使って実際の環境でのパフォーマンスを確認する

Chrome UX レポート(通称 CrUX)は、数百万ものウェブサイトの実際のユーザー エクスペリエンス データをまとめた公開データセットです。ラボデータとは異なり、CrUX データは実際にフィールドでオプトインしたユーザーから取得されます。Largest Contentful Paint(LCP)、Interaction to Next Paint(INP)、Cumulative Layout Shift(CLS)などのCore Web Vitals 指標と、Time to First Byte(TTFB)や First Contentful Paint(FCP)などの診断指標を測定します。

このデータセットには、デバイスや接続タイプなど、ユーザー エクスペリエンスに関する定性的ディメンションも含まれています。これにより、類似のテクノロジーでグループ化されたユーザー エクスペリエンスをドリルダウンできます。指標の一覧については、CrUX のドキュメントをご覧ください。

このデータを使用すると、デベロッパーはウェブサイト、ウェブのセグメント、またはウェブ全体における実際のユーザー エクスペリエンスの広範な分布を把握できます。これは大きな問題です。Chrome UX レポートのデータセットは、ウェブ デベロッパーが実際のユーザー パフォーマンスを競合他社や業界と比較できる、この種の最初のデータセットです。

活用方法

Chrome UX レポートから分析情報を抽出する主な方法は 4 つあります。複雑さは異なります。ウェブサイトのパフォーマンスをすばやく簡単に分析するには、CrUX ダッシュボードPageSpeed Insights の使用をおすすめします。BigQuery は、分析の簡素さを犠牲にして、カスタマイズの柔軟性とより詳細な分析情報を提供します。API を使用すると、高レベルのデータを他のアプリケーションと統合できます。また、History API を使用すると、トレンド分析用の過去のデータを利用できます。

CrUX ダッシュボード

CrUX ダッシュボードは、Looker Studio 上に構築された、ウェブサイトの過去のパフォーマンスを可視化できるカスタマイズ可能なデータ ツールです。データは BigQuery データセットから取得され、すべての SQL クエリは自動的に処理されます。ダッシュボードには、主要なパフォーマンス指標で把握されたユーザー エクスペリエンスの分布と、その推移が表示されます。また、デバイスの種類や有効な接続タイプなどの定性的指標の分布が時間とともにどのように変化するかも示されます。Looker Studio ダッシュボード ガイドをお試しください。

PageSpeed Insights

PageSpeed Insights(PSI)には、パソコンユーザーとモバイル ユーザー別に、最新のパフォーマンス分布が表示されます。パフォーマンス データは、オリジン全体に加えて個々のウェブページでも利用できます。データは過去 28 日間分(BigQuery では前月のカレンダー データ)に集計されます。このツールの使用方法は、ウェブ インターフェースの検索ボックスに URL またはオリジンを入力するだけです。フィールドのパフォーマンス データは、ページを最適化するための推奨事項とともに表示されます。PageSpeed Insights ガイドを試す。

BigQuery の CrUX

BigQuery の CrUX データベースは、Google Cloud Platform(GCP)の一部であり、ウェブとコマンドライン インターフェースを備えています。ウェブ上の主要なオリジンの主要な UX パフォーマンス指標を集約した元データをホストします。新しいテーブルは、前月の暦月を対象に定期的にデータベースに追加されます。デベロッパーは、クエリを手動で作成してデータセットから特定の分析情報を抽出できます。BigQuery では、SQL の知識と、課金が有効になっている GCP プロジェクトが必要です。これは、カスタム レポート、ベンチマーク、ウェブの状態に関するレポートを作成するために、データに低レベルでアクセスする必要がある上級ユーザーに特に便利なツールです。BigQuery ガイドをお試しください。

CrUX API

CrUX API は、オリジンまたは URL レベルのユーザー エクスペリエンス データを検索するための無料の RESTful インターフェースです。データは毎日更新され、PageSpeed Insights と同様に過去 28 日間のデータが集計されます。この API を使用すると、CrUX の実際のユーザー エクスペリエンス データに基づいて独自のアプリケーションを構築できます。CrUX API ガイドをお試しください。

CrUX History API

CrUX History API は、無料の RESTful インターフェースで、デイリー API と同様に、オリジンまたは URL レベルのユーザー エクスペリエンス データを検索できます。データは週単位で更新され、過去 28 日間のデータが 6 か月分集計されます。この API を使用すると、CrUX の実際のユーザー エクスペリエンス データに基づいて独自のアプリケーションを構築できます。CrUX History API ガイドをお試しください。

サポートの利用方法

サポートが必要な場合は、サポートを提供する担当者に連絡できるチャネルがいくつかあります。CrUX Google グループは、データセットのユーザーが質問したり分析を共有したりするための公開フォーラムです。SQL または API アクセスに関するプログラミングのサポートが必要な場合は、Stack Overflow の CrUX タグもご利用いただけます。最後に、@ChromeUXReport は、質問したりプロダクトに関するお知らせを受け取ったりできる Twitter アカウントです。

実例を見る

利用可能なデータについて詳しくは、Looker Studio ダッシュボード、PageSpeed Insights、BigQuery、Daily API と History API の両方を使用する手順ガイドをご覧ください。