ウェブパフォーマンスの概要

ウェブパフォーマンスは、コアウェブバイタルと呼ばれる主要な指標によって測定されます。これらの指標はオンラインストアのパフォーマンスを数値化するもので、その値を最適化することで、お客様のショッピング体験コンバージョン率、ストアの見つけやすさを向上させることができます。

オンラインストアのパフォーマンスは、以下のようなさまざまな要因の影響を受ける可能性があります。

  • アプリ
  • 外部サービスのライブラリとサービス
  • 分析ライブラリ
  • テーマコード
  • 画像と動画の数量とサイズ

オンラインストアに戦略的な調整を加えることで、パフォーマンス指標とランキングを向上させることができます。

ウェブパフォーマンスの測定

ウェブパフォーマンスは、コアウェブバイタルによって測定され、以下のパフォーマンス測定値が含まれます。

  • 最大コンテンツ表示 (LCP) は、最大の要素またはメインコンテンツが訪問者に表示される速さに応じて読み込み速度を測定する指標です。ページの読み込み開始から 2.5 秒以内にメインコンテンツが読み込まれる場合、LCP スコアは良好と判断されます。
  • Interaction to Next Paint (INP) は、リンクやボタンのクリックなど、ほとんどのユーザー操作に対してページが応答するまでにかかる時間に基づき、インタラクティブ性を測定する指標です。ページがすばやくインタラクティブになるため、INP のスコアが 200 ミリ秒未満の場合に、パフォーマンスが良好であるとみなされます。
  • Cumulative Layout Shift (CLS) は、ページ閲覧中にコンテンツが予期せずどの程度ずれるかに基づいて、視覚的な安定性を測定する指標です。CLS のスコアが 0.1 未満の場合に、パフォーマンスが良好であるとみなされます。

Google などの検索エンジンでウェブパフォーマンスが「良好」と見なされるには、すべてのコアウェブバイタルで、ページの読み込みの 75% 以上が良好なスコアを達成する必要があります。ウェブパフォーマンスレポートには、パフォーマンスを追跡するのに役立つ、この 75 パーセンタイルの測定値が表示されます。

コアウェブバイタルに加えて、Google は以下の例を含むその他の要因を評価します。

  • モバイル互換性
  • セーフブラウジング
  • HTTPS のセキュリティ
  • プロモーションのポップアップや年齢確認など、コンテンツの全体表示を妨げるページ要素である、煩わしいインタースティシャルがないこと

これらの要因は総合的に、ウェブページのパフォーマンスとユーザーエクスペリエンスを評価するのに役立ちます。

コアウェブバイタルと Google 検索結果について、詳しくはこちらをご覧ください。

ウェブパフォーマンスがストアに与える影響

オンラインストアのパフォーマンスは、お客様のショッピング体験コンバージョン率、ストアの見つけやすさに影響を与える可能性があります。

ウェブパフォーマンスが重要である理由について、詳しくはこちらをご覧ください。

エクスペリエンスとコンバージョン

オンラインストアの読み込みが速く、インタラクションがスムーズであれば、デバイスや接続速度に関係なく、すべての訪問者に快適な体験を提供できます。サイトが遅かったり、操作が難しかったりすると、訪問者が何かを購入する前に離脱する可能性が高くなります。ストアのウェブパフォーマンスを向上させることで、ユーザーエクスペリエンスを高め、コンバージョン率を上げることができます。

見つけやすさ

Google などの検索エンジンは、ページスピードをランキング要因として使用します。ストアが検索エンジン向けに最適化されている場合でも、オンラインストアのページのコアウェブバイタルのパフォーマンスが低いと、ランキングが低くなる可能性があります。ウェブパフォーマンスを向上させることで、ストアが検索でより上位に表示され、ビジネスの認知度が高まる可能性を向上させることができます。

オンラインストアの機能とウェブパフォーマンス

オンラインストアは、テーマコード、アプリ、画像、動画、カルーセル、SNS フィード、分析などの機能の集合体で構成されています。これらの機能は、訪問者の体験を向上させ、サイトの機能を拡張することができます。

しかし、オンラインストアに追加する各機能は、ストアのコアウェブバイタルに影響を与える可能性があります。一部の機能は、サイトの速度を低下させたり、ユーザーエクスペリエンスに影響を与える予期せぬ動作を引き起こしたりする可能性があります。

ストアに機能を追加することを検討する際には、その機能のメリットと、コアウェブバイタルへの影響を比較検討する必要があります。ユーザーエクスペリエンスとウェブパフォーマンスのバランスを見つける必要があるかもしれません。

ストアの機能を検討する際には、以下の質問を自問してみてください。

  • お客様がストアから購入する決断を下すのに役立つものは何か?
    • たとえば、お客様が、詳細な商品ページへのリンクがあるシンプルなホームページを好むか、商品をすばやく表示して購入できる、より強力なホームページを好むかを検討します。
  • コンバージョンを促進するために、ページの上部にはどのような機能が必要か?
    • たとえば、ブランディング要素、記事のサムネイル、チェックアウトカートはすべて、パフォーマンスに影響を与える可能性がありますが、コンバージョンを向上させる機能です。
  • お客様がページを下にスクロールする際に、後から読み込める機能は何か?
    • たとえば、お客様がストアにアクセスしたときに、分析や商品レビューをすぐに読み込む必要はありません。機能がすぐに読み込まれるかどうかを理解するには、テーマやアプリの開発者に相談する必要がある場合があります。

ウェブパフォーマンスの指標サマリーとレポートを確認する

ウェブパフォーマンスレポートを表示すると、ストアがコアウェブバイタル全体でどのように機能しているかを確認できます。レポートとパフォーマンス指標のサマリーには、3 つすべてのコアウェブバイタルにおけるストアのランクが表示され、改善のための実用的なインサイトが提供されます。

また、ウェブパフォーマンスに影響する要因とその対処法についても確認できます。

ウェブパフォーマンスのスコアに関するよくある質問

スコアがまだ表示されないのはなぜですか?

コアウェブバイタルのスコアがまだ表示されない理由には、以下のようなものがあります。

  • ストアがパスワードで保護されている:オンラインストアがパスワードで保護されている場合、コアウェブバイタルの生成に必要な実際のユーザートラフィックがありません。ユーザーがサイトにアクセスできるようにするには、パスワードページを削除する必要があります。
  • まだトラフィックがない:オンラインストアへのページビューがまだなく、実際のユーザー指標を生成できていない可能性があります。トラフィックがない場合は、PageSpeed Insights などの合成データを使用して、無料のパフォーマンス分析を利用できます。

トラフィックはあるのにコアウェブバイタルのスコアが表示されないのはなぜですか?

コアウェブバイタルは Google のプロダクトであり、現在、Firefox および Chromium ベースのブラウザでのみ利用可能です。最近のブラウザは同様のテクノロジーに基づいて構築されているため、既存のデータでも、ユーザーがウェブサイトをどのように体験しているかを正確に表しています。

最大コンテンツ表示と Interaction To Next Paint はどちらも、今後の Safari のバージョンのいずれかで利用可能になる予定です。Interop 2025 プロジェクトで、クロスブラウザの相互運用性について詳しく知ることができます。

一部の指標ではスコアが表示され、他の指標では表示されないのはなぜですか?

各指標は、パフォーマンスとユーザーインタラクションのさまざまな側面を測定します。たとえば、「最大コンテンツ表示 (LCP)」はページの読み込みを測定するのに対し、「Interaction to Next Paint (INP)」はボタンやリンク操作などのインタラクションを測定します。ページ上の要素とのインタラクションがない場合、INP の指標にスコアが表示されないことがあります。

スコアが変動したのはなぜですか?

スコアは、トラフィック量やオンラインストアに加えられた変更によって変動することがあります。トラフィックが少ないために大きな変動がある場合は、週単位または月単位のフィルターに変更してみてください。

スコアは、オンラインストアに変更を加えた場合にも変動することがあります。たとえば、新しい商品をインポートしたり、新しいコレクションを作成したり、テーマを変更したり、新しいアプリを導入したりした場合などです。オンラインストアのパフォーマンスに影響する要因について、詳しくはこちらをご覧ください。

ウェブパフォーマンスレポートのスコアが他のツールと異なるのはなぜですか?

ウェブパフォーマンスレポートのスコアは、以下の要因により、他のツールと異なる場合があります。

  • ウェブパフォーマンスレポートのデータは UTC 標準に基づいています。これは、他のプラットフォームのタイムゾーンとは異なる場合があります。
  • ウェブパフォーマンスレポートでは、すべての Chromium ブラウザ (Chrome、Opera、Edge、Samsung Internet) および Firefox から広範なデータを収集します。一方、Google の PageSpeed Insights などのツールは、オプトインした Chrome ブラウザのみの CrUX レポートを使用します。CrUX データについて、詳しくはこちらをご覧ください。

ストアのパフォーマンススコアが低い場合、どのような意味がありますか?

サイトの機能と速度のバランスを考慮する必要があります。スコアが低い場合は、ストアを最適化してパフォーマンスを向上させ、モバイルデバイス、低速のインターネット接続、古いブラウザを使用しているお客様など、あらゆるタイプのお客様がアクセスしやすくなるよう改善できることを意味します。

たとえば、ホームページの動画で多くのエンゲージメントを獲得しているものの、ホームページのパフォーマンススコアが低い場合は、パフォーマンスへの影響を上回るだけの価値が動画にあるかどうかを比較検討する必要があります。

速度スコアに完璧というものはなく、100 に近づくほど、さらなる改善は難しくなります。可能な限り最高のスコアを達成することよりも、特定のビジネスニーズに合わせてストアを最適化することに重点を置きましょう。

パフォーマンススコアはどのように計算されますか?

パフォーマンススコアは、過去 7 日間のホームページ、最もアクセス数の多い商品ページ、最もアクセス数の多いコレクションページのデータを組み合わせたものです。このシステムは、Chromium ベースのブラウザと Firefox を使用している訪問者からの実際のユーザーデータ (リアルユーザー指標、または RUM と呼ばれます) を使用します。

各ページのスコアは、シミュレーションテストではなく、実際の訪問者の体験を表しています。つまり、このスコアは、実際のお客様がさまざまな条件下でストアをどのように体験しているかを反映したものです。

スコアが類似ストアと異なるのはなぜですか?

ストアは、同程度の販売量の他の Shopify ストアと比較されます。この比較により、同程度の規模や複雑さのストアと比較して、自分のストアのパフォーマンスを把握することができます。

ストアと他のストアの比較に影響を与える可能性のある要因には、以下のようなものがあります。

  • テーマとカスタマイズの複雑さ
  • 使用しているアプリの数と種類
  • 商品カタログのサイズと画像の最適化
  • ターゲット市場とお客様のデバイスの好み

どのような場合にパフォーマンススコアを懸念すべきですか?

次のような場合は、改善に重点を置いてください。

  • 複数の指標でスコアが一貫して「低い」評価になっている場合
  • ストアに変更を加えていないにもかかわらず、パフォーマンスが大幅に低下した場合
  • お客様からのフィードバックで、ロード時間が遅いことやユーザーエクスペリエンスが低いことが指摘されている場合
  • パフォーマンススコアの低下とともに、コンバージョン率も低下している場合

次のような場合は、あまり心配する必要はありません。

  • 全体的な傾向は良好であるものの、一部のページや特定の日付でパフォーマンスが中程度の場合
  • 通常のトラフィックの変動により、スコアがわずかに変動する場合
  • ビジネス上の理由から、パフォーマンスに影響のある機能を意図的に選択した場合