CrUX ダッシュボード

CrUX ダッシュボードを使用して BigQuery CrUX データを可視化する

CrUX ダッシュボードは、BigQuery 上のオリジンレベルの未加工の CrUX データにリンクし、データを可視化する Looker Studio(旧称: データポータル)ダッシュボードです。これにより、ダッシュボードのユーザーがクエリを作成したり、グラフを生成したりする必要がなくなります。すべてがユーザーのために構築されています。必要なのは、送信元を指定することだけです。ダッシュボードは自動的に生成されます。

CrUX ダッシュボードにアクセスする

CrUX ダッシュボードを起動するには、オリジンまたは URL を入力し、Enter キーを押すか、[Go] をクリックします。

ダッシュボードの URL は、共有したりブックマークしたりして簡単に参照できます。

すべてのウェブサイトで機能しますか?

いいえ。出発地が CrUX データセットに含まれていない場合、表示するデータはありません。データセットには 1, 500 万を超えるオリジンがありますが、必要なオリジンには十分なデータが含まれていない可能性があります。

オリジンでよくある問題としては、誤ったプロトコルを指定すること(https:// ではなく http:// など)や、必要に応じてサブドメインを省略してしまうことがあります。一部のウェブサイトにはリダイレクトが含まれているため、http://example.comhttps://www.example.com にリダイレクトする場合は、後者(オリジンの正規バージョン)を使用する必要があります。

カスタム検索エンジンを使用してダッシュボードにアクセスする

別の方法として、頻繁に異なるドメインにアクセスする場合のために、Chrome でカスタム検索エンジンを設定する方法もあります。この方法では、検索キーワード(この場合はオリジン)を URL に渡すことができます。これを行うには、Chrome の右上にあるその他メニューを使用して Chrome の [設定] に移動します。[設定] で [検索エンジン] オプションを選択します。

[検索エンジンとサイト内検索を管理] が可能な Chrome の検索エンジン設定ページのスクリーンショット
検索エンジン向け Chrome の設定

ここで [検索エンジンとサイト内検索を管理する] を展開し、[サイト内検索] までスクロールして [追加] ボタンをクリックし、次の情報を入力します。

  • 検索エンジン: CrUX
  • ショートカット: crux
  • クエリの代わりに %s を使用している URL: https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
検索エンジン名、ショートカット、検索語句の代わりに %s を含む URL の 3 つのフィールドが表示されている、Chrome の [検索エンジンを追加] ダイアログ。
Chrome の [検索エンジンを追加] ダイアログ

その後、「crux」と入力して検索バーに tab を押すと、オリジンを入力できるようになります。Chrome では、そのオリジンの CrUX ダッシュボードに移動します。

「Search CrUX」コマンドが表示されている Chrome のアドレスバーのスクリーンショット。
Chrome のアドレスバーでカスタム検索エンジンを使用する。

プロトコルを省略すると、HTTPS であると見なされます。サブドメインは重要です。たとえば、https://developers.google.comhttps://www.google.com は異なるオリジンとみなされます。

オリジンが CrUX に存在する場合、このオリジンの CrUX データが入力されたダッシュボードが表示されます。

最初の Core Web Vitals 画面が表示されている developer.chrome.com の CrUX ダッシュボードのスクリーンショット。
CrUX ダッシュボードの例

ダッシュボードの概要

各ダッシュボードには、次の 3 種類のページがあります。

  1. Core Web Vitals の概要
  2. 指標のパフォーマンス
  3. ユーザー層

各ページには、利用可能な月次リリースの時系列分布を示すグラフが表示されます。新しいデータセットがリリースされたら、ダッシュボードを更新して最新のデータを取得できます。

月次データセットは、毎月第 2 火曜日にリリースされます。たとえば、5 月のユーザー エクスペリエンス データを含むデータセットは、6 月の第 2 火曜日にリリースされます。

Core Web Vitals の概要

最初のページには、オリジンの毎月の Core Web Vitals パフォーマンスの概要が表示されます。これらは、Google が注力することを推奨している、最も重要な UX 指標です。

CrUX ダッシュボードの Core Web Vitals の概要を示す全画面スクリーンショット。このサイトの LCP、INP、CLS の詳細が表示されています。
CrUX ダッシュボードの Core Web Vitals の概要

Core Web Vitals のページを使用すると、パソコンとスマートフォンのユーザーがオリジンをどのように体験できるかを把握できます。デフォルトでは、ダッシュボードを作成した直近の月が選択されます。過去の月次リリースと新しい月次リリースを切り替えるには、ページ上部の [] フィルタを使用します。

指標のパフォーマンス

Core Web Vitals ページには、CrUX データセットのすべてのmetricsをまとめたスタンドアロン ページが表示されます。

10 か月間の LCP データが「良好」、「改善が必要」、および「低」を示すスタック棒グラフが表示されている、CrUX ダッシュボードの LCP ページのスクリーンショット。
CrUX ダッシュボードの LCP ページ。

各ページの上部には [デバイス] フィルタがあります。このフィルタを使用すると、ウェブサイト エクスペリエンス データに含めるフォーム ファクタを制限できます。たとえば、スマートフォンへの対応について具体的にドリルダウンできます。この設定はページをまたいで維持されます。

これらのページでは、主に「良好」、「改善が必要」、「要改善」に分類されたテストの月次分布が表示されます。グラフの下の色分けされた凡例は、カテゴリに含まれる体験の範囲を示しています。たとえば、前のスクリーンショットでは、「良好」な Largest Contentful Paint(LCP)エクスペリエンスの割合がわずかに変動し、ここ数か月でわずかに悪化しています。

グラフの上に、直近月の「良好」と「低」の割合と、前月との差異の割合が表示されます。このオリジンでは、「良い」LCP エクスペリエンスは前月比 0.8% 減の 83.25% で、p75 の数値は前月比で 0.8% 減少し、1,500% にとどまりました。また、「悪い」LCP エクスペリエンスは 3.6% 増加(ここでは増加が悪いため赤で表示)して 7.42% になりました。パーセントの動きは実際のパーセントの動きであり、パーセントのポイントの動きではありません。たとえば、83.93% から 83.25% は 0.68 パーセントのポイントの動きであり、以前の合計の 83.93% から 0.8% 減少します。

また、LCP やその他の Core Web Vitals など、明示的なパーセンタイルの推奨事項を提供する指標については、「良い」と「悪い」の割合の間に「P75」指標があります。この値は、ユーザー エクスペリエンスのオリジンの 75 パーセンタイルに対応します。つまり、エクスペリエンスの 75% がこの値を上回っています。なお、これはオリジンにおけるすべてのデバイスの全体的な分布が当てはまることです。[デバイス] フィルタで特定のデバイスを切り替えても、パーセンタイルは再計算されません。

パーセンタイルに関する技術的な注意事項

パーセンタイル指標は BigQuery のヒストグラム データに基づいているため、粒度は粗くなります(LCP は 100 ミリ秒、INP は 25 ミリ秒、CLS は 0.05 ミリ秒)。言い換えれば、P75 LCP が 3800ms の場合、真の 75 パーセンタイルが 3800ms と 3900ms の間にあることを示しています。

さらに、BigQuery データセットは「ビン スプレッディング」と呼ばれる手法を使用します。この手法では、ユーザー エクスペリエンスの密度が本質的に、粒度の低い非常に粗いビンにグループ化されます。これにより、4 桁の精度を超えることなく、分布の最後に微小な密度を含めることができます。たとえば、3 秒未満の LCP 値は幅 200 ミリ秒のビンにグループ化されます。3 ~ 10 秒の場合、ビンの幅は 500 ミリ秒です。10 秒を超えると、ビンの幅は 5, 000 ミリ秒になります。ビンの分散では、幅の異なるビンを使用するのではなく、すべてのビンの幅を 100 ミリ秒(最大公約数)一定にし、各ビンにまたがって分布を線形補間します。

PageSpeed Insights などのツールに対応する P75 値は、一般公開の BigQuery データセットに基づくものではなく、ミリ秒精度の値を提供できます。

ユーザー層

ユーザー属性ページには、デバイスと有効な接続タイプ(ECT)の 2 つのディメンションが含まれます。これらのページは、各ユーザー属性のユーザーの、オリジン全体におけるページビューの分布を示します。

デバイス分布ページには、スマートフォン、パソコン、タブレットのユーザー数の推移が表示されます。

10 か月間のスマートフォン、パソコン、タブレットのデバイス分布を示す CrUX ダッシュボードのデバイスページのスクリーンショット。
CrUX ダッシュボードのデバイスページ

多くのオリジンではタブレットのデータがほとんど、またはまったくない傾向があるため、グラフの端から「0%」が外れて表示されることがよくあります。

同様に、ECT 分布ページには、4G、3G、2G、低速 2G、オフライン エクスペリエンスの内訳が表示されます。

これらのディメンションの分布は、First Contentful Paint(FCP)ヒストグラム データのセグメントを使用して計算されます。

よくある質問

CrUX BigQuery データセットに関するよくある質問をいくつかご紹介します。

CrUX ダッシュボードを使用するのはどのような場合ですか?

CrUX ダッシュボードは、BigQuery で利用可能なものと同じ基礎データに基づいていますが、SQL を 1 行も記述してデータを抽出する必要がなく、無料の割り当ての超過について心配する必要もありません。ダッシュボードの設定はすばやく簡単に行えます。すべてのビジュアリゼーションは自動で生成され、他のユーザーと共有することもできます。

CrUX ダッシュボードの使用に制限はありますか?

CrUX ダッシュボードは BigQuery をベースとしているため、その制限もすべて継承しています。月別粒度でオリジンレベルのデータに制限されます。

また、CrUX ダッシュボードでは、BigQuery 上の元データの汎用性の一部が引き換えに、シンプルさと利便性が確保されています。たとえば指標の分布は、完全なヒストグラムではなく、「良好」、「改善が必要」、「不良」としてのみ提供されます。CrUX ダッシュボードでもグローバル レベルのデータが提供され、BigQuery データセットでは特定の国にズームインできます。

ダッシュボードのカスタマイズ方法

このページでは、CrUX チームが管理する CrUX ダッシュボードの読み取り専用バージョンにアクセスする方法について詳しく説明します。ダッシュボードの独自のコピーを作成して、さまざまなビジュアリゼーションを表示する場合は、こちらのユーザーガイドで詳細をご覧ください。独自のコピーを作成すると、手動で月を更新する必要があり、公式ダッシュボードに新しく追加された指標やその他の情報などのメリットも得られません。