CrUX ビジュアリゼーション

CrUX Vis は、CrUX History API から取得した週ごとの履歴データを可視化するダッシュボードです。

CrUX Vis にアクセスする

CrUX Vis を起動するには、cruxvis.withgoogle.com にアクセスするか、オリジンまたは URL を入力して Enter キーを押すか、[移動] をクリックします。

注: プロトコル（http または https）が指定されていない場合は、https が想定されます。

CrUX Vis の URL は、共有したりブックマークしたりして、すぐに参照できます。

すべてのウェブサイトで動作しますか？

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

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

同様に、オリジン レベルのデータが利用可能であっても、URL レベルのデータが利用可能でない場合があります。

CrUX Vis の概要

CrUX Vis には次の 5 つのページがあります。

1. Core Web Vitals
2. 読み込みパフォーマンス
3. インタラクティビティ
4. 視覚的な安定性
5. すべての指標

各ページには、過去 40 週間の分布を示すグラフが表示されます（データが利用可能な場合）。

週単位のデータは毎週月曜日に更新され、各データポイントには過去 28 日間のデータが含まれます。つまり、データが重複しています。

コントロール

各ページには [コントロール] セクションがあり、次の切り替えが可能です。

• 日付: オリジンと URL レベルのデータ
• デバイス: スマートフォン、パソコン、タブレット、またはすべてのデータ
• 期間
• 表示: 75 パーセンタイル、分布、またはその両方

CrUX Vis のコントロール セクション。

Core Web Vitals

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

CrUX Vis の Core Web Vitals ページ。

Core Web Vitals ページでは、URL またはオリジンがユーザーにどのように認識されているか、推奨される上限を下回っているか、または悪化しているため、どの指標を改善する必要があるかを確認できます。

このページには、次の 3 つのセクションへのリンクが含まれており、詳細を確認できます。

読み込みパフォーマンス

[読み込みパフォーマンス] ページには、CrUX History API の読み込み関連のすべての指標が表示されます。

CrUX Vis の [読み込みパフォーマンス] ページ。

このページには、次の指標が表示されます。

• Largest Contentful Paint（LCP）
• First Contentful Paint（FCP）
• Time to First Byte（TTFB）
• Largest Contentful Paint（LCP）リソースタイプ
• Largest Contentful Paint（LCP）の画像サブパート
• ラウンドトリップ時間（RTT）
• ナビゲーションの種類
• フォーム ファクタ

インタラクティビティ

[インタラクティビティ] ページには、CrUX History API のインタラクティビティに関連するすべての指標が含まれています。

CrUX Vis のインタラクティビティ ページ。

このページには、次の指標が表示されます。

• Interaction to Next Paint（INP）
• フォーム ファクタ

視覚的な安定性

[視覚的な安定性] ページには、CrUX History API の視覚的な安定性に関連するすべての指標が含まれています。

CrUX Vis の視覚的な安定性のページ。

このページには、次の指標が表示されます。

• Cumulative Layout Shift（CLS）
• フォーム ファクタ

すべての指標

[すべての指標] ページには、CrUX History API のすべての指標が 1 か所に表示されます。

CrUX Vis の [すべての指標] ページ。

このページには、次の指標が表示されます。

• Largest Contentful Paint（LCP）
• Interaction to Next Paint（INP）
• Cumulative Layout Shift（CLS）
• First Contentful Paint（FCP）
• Time to First Byte（TTFB）
• Largest Contentful Paint（LCP）リソースタイプ
• Largest Contentful Paint（LCP）の画像サブパート
• ラウンドトリップ時間（RTT）
• ナビゲーションの種類
• フォーム ファクタ

よくある質問

CrUX Vis に関するよくある質問を以下に示します。

他のツールではなく CrUX Vis を使用するタイミングはいつですか？

CrUX Vis は、過去のデータを経時的に表示するためのものです。PageSpeed Insights などの他のツールでは、最新のデータのみが表示される場合があります。

CrUX ツールもご覧ください。

CrUX Vis に表示されるデータを取得するにはどうすればよいですか？

CrUX Vis のすべてのデータは CrUX History API から取得されます。この API は CrUX API キーを使用してクエリできます。

CrUX Vis をカスタマイズするにはどうすればよいですか？

CrUX Vis では、コントロール以外のカスタマイズ オプションは提供されていません。カスタム ダッシュボードを作成したい場合は、CrUX Vis の基盤となっている CrUX History API を使用して、データを自由に表示できます。このデータの代替的な可視化を提供するサードパーティ ツールは多数あります。