ウェブパフォーマンスレポート

オンラインストアのパフォーマンスを最適化すると、お客様は買い物がしやすくなるとともに、ストアが見つけやすくなり、コンバージョン率を高めることができます。ウェブパフォーマンスレポートを活用すると、ストアのパフォーマンスを、Core Web Vitalsと呼ばれる、読み込み速度、インタラクティブ性、および視覚的安定性に関する業界基準と照らして理解することができます。

このレポートには、Core Web Vitals (読み込み速度、インタラクティブ性、および視覚的安定性) 全般におけるストアフロントのパフォーマンスが表示されます。レポートでは、デスクトップとモバイルでのユーザーエクスペリエンスに関する情報、特定のパフォーマンスのランク付けにおけるユーザーエクスペリエンスの分布や、アプリのインストール、テーマの更新、新しいコードなどに関する変更がストアフロント体験に与えた影響を確認できます。

詳しくは、ウェブパフォーマンスの計測方法をご覧ください。

ストアのウェブパフォーマンスのデータを表示する

ストアのウェブパフォーマンスレポートを表示するには、レポートスタッフの権限が必要です。ダッシュボードに実際のユーザー指標 (RUM) を表示するには、オンラインストアのパスワード保護を削除する必要があります。

ウェブパフォーマンスの推移レポートには、テーマページのパフォーマンス指標に関するサマリーからアクセスできます。また、管理画面のレポート一覧から、すべてのウェブパフォーマンスレポートを確認することも可能です。

ウェブパフォーマンスの指標に関するサマリーを表示する

パフォーマンス指標に関するサマリーは管理画面のテーマページに表示され、ストアの3つのCore Web Vitalsを時間経過とともに簡単にまとめて確認できます。パフォーマンス指標に関するサマリーについて詳しくご覧ください。

手順

管理画面から [オンラインストア] > [テーマ] に移動します。
オプション：の日付ピッカーを使って、選択した期間のデータを表示できます。今日、過去7日間、過去30日間から選択できます。
オプション：パフォーマンス指標に関するサマリーからレポートにアクセスする方法：
- LCP P75 (ms) をクリックすると、最大コンテンツ表示：時間の経過レポートにアクセスできます。
- INP P75 (ms) をクリックすると、次のペイントへのインタラクション：時間の経過レポートにアクセスできます。
- 累積レイアウトシフトをクリックすると、累積レイアウトシフト:一定期間レポートにアクセスします。
- オプション:**[デバイスタイプ別セッション]**をクリックして、デバイスタイプ別セッションレポートにアクセスします。

ウェブパフォーマンスレポートを表示する

管理画面のレポート一覧には、複数のウェブパフォーマンスレポートが用意されています。これらのレポートは、設定パネルやShopifyQLクエリエディタを使って、表示したいデータにカスタマイズできます。

Shopifyレポートの使い方について詳しくはこちらをご覧ください。

手順

管理画面から、[ストア分析] > [レポート] の順に移動します。
[レポートを検索] 欄に、直接アクセスしたいレポート名を入力して検索してください。
- すべてのウェブパフォーマンスレポートを表示するには、コロン [：] で検索してください。
- 最大コンテンツ表示に関するレポートを表示するには、キーワード [コンテンツ] で検索してください。
- 次の描画までのインタラクションに関するレポートを表示するには、キーワード「次へ」で検索してください。
- 累積レイアウトシフトに関するレポートを表示するには、キーワード [累積] で検索してください。
開くレポートの名前をクリックします。

ウェブパフォーマンスの指標に関するサマリー

ウェブパフォーマンスの指標に関するサマリーでは、過去30日間の実際のユーザーデータに基づいて、オンラインストアのパフォーマンスに関するインサイトを得ることができます。これは、ご自身のストアを3つのCore Web Vitalsに基づいて評価し、それぞれの指標に良好、普通、不良のランクを付けます。このランク付けは、ユーザーエクスペリエンスの上位75%を反映しています。

パフォーマンスメトリックサマリーの例。ダッシュボードといくつかのサンプルデータとランキングを表示します。

ウェブパフォーマンスの指標に関するサマリーには、以下の情報が含まれます。

ストアの最大コンテンツ表示 (LCP) ランキングは、画面で最も大きい要素がどのくらいの速度で表示されるのかに基づいて、読み込み速度を測定します。
ストアの次のペイントへのインタラクション (INP) ランキングは、リンクやボタンのクリックなどのユーザーインタラクション後に、ブラウザが次のフレームを描画したり、画面上に変化を表示したりするまでの時間に基づいて、インタラクティブ性を測定します。
ストアの累積レイアウトシフト (CLS) ランキングは、ページ内を移動する際にコンテンツが予期せずにどれだけ動くかを測定し、視覚的な安定性を評価します。
ストアのオンライン訪問者セッション数を、デバイスの種類別に分類しています。

ウェブパフォーマンスの指標に関するサマリーで表示される3つのCore Web Vitalsの評価ランクは、以下のとおりです。

3つのCore Web Vitalsの目標指標とその説明をまとめた表。
Core Web Vital	ランキング	ターゲット指標	説明
最大コンテンツ表示 (LCP)	良い	2500ms以下	ほとんどのユーザーは、ページの読み込み速度が速いと感じます。
	普通	2500msを上回り4000msを下回る	一部のユーザーは、ページの読み込み速度が速いと感じますが、改善の余地があります。
	不良	4000ms以上	ほとんどのユーザーは、ページの読み込み速度が遅いと感じます。改善が必要です。
次のペイントへのインタラクション (INP)	良い	200ミリ秒以下	ほとんどのユーザーは、ページの応答性が高いと感じます。
	普通	200ミリ秒を上回り500ミリ秒以下	一部のユーザーは、ページの応答性が高いと感じますが、改善の余地があります。
	不良	500ミリ秒を上回る	ほとんどのユーザーは、ページの応答性が低いと感じ、不満を抱く可能性があります。改善が必要です。
累積レイアウトシフト (CLS)	良い	0.1以下	ほとんどのユーザーは、ページの読み込み時にレイアウトが安定していると感じます。
	普通	0.1を上回り0.25を下回る	一部のユーザーは、ページの読み込み時にレイアウトが安定していると感じますが、改善の余地があります。
	不良	0.25以上	ほとんどのユーザーは、ページの読み込み時にレイアウトが安定していないと感じ、不満を抱く可能性があります。改善が必要です。

いずれかの指標の評価が**「中程度」、または「不良」**の場合は、ウェブパフォーマンスレポートを使って問題の原因を特定し、改善策を講じることを検討してください。

ウェブパフォーマンス推移レポート

ウェブパフォーマンスレポートから、3つのCore Web Vitalsに関するサイトのパフォーマンスの推移を確認できます。

デフォルトでは、データは関連するCore Web Vitalsの75パーセンタイルをミリ秒単位で表示しますが、レポートの設定パネルを使って、ニーズに合わせてカスタマイズできます。時間範囲、日付のグループ化、デバイス種類など、さまざまなディメンションやフィルターを調整して、ご自身のサイトのトラフィックに最適な表示にできます。レポートのカスタマイズ方法について詳しくはこちらをご覧ください。

折れ線グラフは、アプリのインストールやテーマの更新、新しいコードの追加など、オンラインストアで行った変更が時間経過とともにCore Web Vitalsにどのような影響を与えたかを示します。このビジュアライゼーションには、以下の追加要素が含まれています。

選択した期間に基づくウェブパフォーマンスのサマリースコア。
イベント注釈タグは、グラフ内の番号付き縦線で表示されており、マウスを重ねると、ウェブパフォーマンスに影響を与える可能性のあるストアの変更に関する詳細情報を確認できます。
ウェブパフォーマンスのスコアしきい値は、グラフ全体に引かれた水平線で表されており、「良好」、「中程度」、**「不良」**の結果の境界を示しています。

データテーブル分布値の指標の列にある棒グラフは、各パフォーマンスカテゴリに該当するページ訪問数を示しています。カテゴリは、良好 (緑)、普通 (黄)、要改善 (赤) です。

ページURL別のウェブパフォーマンスレポート

ウェブパフォーマンスレポートから、33つのCore Web Vitalsの各ページURLごとのウェブパフォーマンスを確認できます。

デフォルトでは、データは関連するCore Web Vitalsの75パーセンタイルのイベントをミリ秒単位で表示しますが、レポートの設定パネルを使って、ニーズに合わせてカスタマイズできます。また、時間範囲、日付のグループ化、デバイスの種類など、さまざまなディメンションとフィルターを調整して、サイトへのトラフィックを最適に反映することもできます。レポートのカスタマイズについて詳しくはこちらをご覧ください。

これらのレポートにはグラフィック視覚化は含まれていません。データテーブルのみが表示されます。デフォルトでは、テーブルの主要なディメンションはページパスです。分布値の指標の列にある棒グラフは、各パフォーマンスカテゴリに該当するページ訪問数を示しています。カテゴリは、良好 (緑)、普通 (黄)、要改善 (赤) です。

ページタイプ別ウェブパフォーマンスレポート

ウェブパフォーマンスレポートから、3つのCore Web Vitalsをページタイプ別に分けてサイトのパフォーマンスを確認できます。

これらのレポートにはグラフィック視覚化は含まれていません。データテーブルのみが表示されます。デフォルトでは、テーブルの主要なディメンションはページタイプです。分布値の指標の列にある棒グラフは、各パフォーマンスカテゴリに該当するページ訪問数を示しています。カテゴリは、良好 (緑)、普通 (黄)、要改善 (赤) です。

ウェブパフォーマンスレポートの利用

ウェブパフォーマンスの指標に関するサマリーにCore Web Vitalsのスコアを表示するのに十分なデータが揃ったら、パフォーマンスレポートを使って、スコアに影響を与えている可能性のある問題を絞り込むことができます。ウェブパフォーマンスに影響を及ぼしている可能性のあるページや要素を特定したら、ストアを最適化する場所と方法について、十分な情報を得た上で決定することができます。

お客様のデバイス、ネットワーク、ロケーションなど、コントロールできない要因があることに注意してください。世界中のお客様は、さまざまなデバイスやインターネット接続を使用してストアにアクセスします。これらの要因によって、ストアの読み込み速度が速くなったり遅くなったりする可能性があります。全体的な指標が「良好」である限り、「普通」または「不良」のカテゴリーに分類されるページについてあまり心配する必要はありません。

ウェブパフォーマンスの最適化の可能性を探るために、以下の一般的な手順を参考にしてください。

どのCore Web Vitalsのスコアが最適化を必要としているかを把握するには、パフォーマンスの指標に関するサマリーをご確認ください。
特定のCore Web Vitalについては、関連する3つのレポートを使って、ストアのデータをさらに詳しく掘り下げてください。
- **「時間の経過」**レポートを使って、特定のスコアに影響を与えたタイミングを調査してください。
- ページタイプレポートを使って、特定のページテンプレートがウェブパフォーマンスに影響を与えているかを調査してください。
- ページURLレポートを使って、特定のページがWebパフォーマンスに影響を与えているかどうかを調査できます。
ウェブパフォーマンスに影響を及ぼしていると特定した期間、ページ、要素に基づいて、具体的に何が問題を引き起こしているのかを確信しながら、Core Web Vitalsスコアの改善を進めることができます。

オンラインストアのパフォーマンスを向上させる方法について、詳しくは「オンラインストアのパフォーマンスを向上」をご覧ください。