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
  • URL(%s=検索語句): https://lookerstudio.google.com/c/u/0/reporting/bbc5698d-57bb-4969-9e07-68810b9fa348/page/keDQB?params=%7B%22origin%22:%22%s%22%7D
Chrome の [検索エンジンを追加] ダイアログ。検索エンジン名、ショートカット、URL(%s はクエリの代わりに使用)の 3 つのフィールドがあります。
Chrome の [検索エンジンを追加] ダイアログ。

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

「Search CrUX」コマンドが表示された Chrome のアドレスバー。
Chrome のアドレスバーでカスタム検索エンジンを使用している。

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

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

ウェブに関する主な指標の最初の画面が表示された、developer.chrome.com の CrUX ダッシュボード。
CrUX ダッシュボードの例。

ダッシュボードの概要

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

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

各ページには、利用可能な月次リリースごとの分布を時間の経過とともに示すグラフが含まれています。新しいデータセットがリリースされたら、ダッシュボードを更新して最新のデータを確認できます。

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

Core Web Vitals の概要

最初のページには、オリジンの月ごとのウェブに関する主な指標のパフォーマンスの概要が表示されます。以下は、Google が重視することをおすすめする、最も重要な UX 指標です。

このサイトの LCP、INP、CLS の詳細を示す CrUX ダッシュボードの Core Web Vitals の概要。
CrUX ダッシュボードの Core Web Vitals の概要。

ウェブに関する主な指標ページを使用して、パソコンとスマートフォンのユーザーがオリジンをどのように使用しているかを確認します。デフォルトでは、ダッシュボードの作成時に最新の月が選択されます。過去または最新の月次リリースを切り替えるには、ページ上部の [] フィルタを使用します。

指標のパフォーマンス

ウェブに関する主な指標のページの次に、CrUX データセット内のすべての指標のスタンドアロン ページが表示されます。

CrUX ダッシュボードの LCP ページ。10 か月間の良好、改善が必要、低速の LCP データの積み上げ棒グラフが表示されています。
CrUX ダッシュボードの LCP ページ

各ページの上部には [デバイス] フィルタがあります。このフィルタを使用すると、エクスペリエンス データに含まれるフォーム ファクタを制限できます。たとえば、スマートフォンの使用状況を詳しく確認できます。この設定はページ間で保持されます。

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

グラフの上部には、直近の月の「良い」と「悪い」の割合と、前月との差異率が表示されます。このオリジンでは、「良好」な LCP エクスペリエンスが前月比で 0.8% 減少し 83.25% になりました。p75 の数値は変化せず、前月と同じ 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)。つまり、LCP の P75 が 3,800 ミリ秒の場合、真の 75 パーセンタイル値は 3,800 ~ 3,900 ミリ秒の間にあることを示します。

また、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、オフラインのエクスペリエンスの内訳が表示されます。

これらのディメンションの分布は、ファースト コンテンツ ペイント(FCP)ヒストグラム データのセグメントを使用して計算されます。

よくある質問

CrUX BigQuery データセットに関するよくある質問を以下に示します。

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

CrUX ダッシュボードは、BigQuery で利用可能な基盤となるデータに基づいていますが、データを抽出するために SQL を 1 行も記述する必要はなく、無料の割り当てを超える心配もありません。ダッシュボードの設定は簡単で、すべての可視化が自動的に生成されます。また、ダッシュボードを任意のユーザーと共有することもできます。

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

BigQuery をベースとしているため、CrUX ダッシュボードは BigQuery の制限もすべて引き継いでいます。データは、月単位の粒度で参照元レベルに制限されます。

また、CrUX ダッシュボードでは、シンプルさと利便性を重視して、BigQuery の元データの汎用性を一部犠牲にしています。たとえば、指標の分布は、完全なヒストグラムではなく、「良好」、「改善が必要」、「不良」のいずれかとしてのみ示されます。CrUX ダッシュボードでもグローバル レベルのデータを確認できますが、BigQuery データセットでは特定の国を拡大して確認できます。

ダッシュボードをカスタマイズするにはどうすればよいですか?

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