Google Core Web Vitals監視とは

Googleでは、ユーザー体験にとって重要な3つのWebパフォーマンス指標として、以下を挙げています。

• Largest Contentful Paint（LCP）は、ユーザーのビューポート内で最大のコンテンツ要素が可視化されるまでの時間を測定します。最大のコンテンツ要素とは、多くの場合、テキストや画像のブロックです。LCPは、読み込みパフォーマンスを評価するための指標として、Webページがどれだけ早く使用可能になるのかをユーザーがどのように認識するかを測定します。
• First Input Delay（FID）は、リンクやボタンのクリックなど、ページ上でユーザーが初めて何らかの操作をしてから、ブラウザーがその操作の処理を開始するまでの時間を追跡します。これは、ページの応答性を評価し、ユーザーの入力操作がフラストレーションをもたらす遅延を生じさせないようにするために重要な指標です。
• Cumulative Layout Shift（CLS）は、ページの存続期間中における予期しないレイアウトシフトの頻度とサイズを追跡することで、ページの視覚的な安定性を測定します。CLSスコアが低いほど、安定性が高く、視覚的に一貫したブラウジング体験が得られることを示します。

Googleでは、これら3つの主要なWebバイタルに加えて、Interaction to Next Paint（INP）と呼ばれる指標を導入しています。この指標は、Webページの存続期間中におけるすべてのクリック、タップ、キーボード操作に対して、Webサイトがどれだけ迅速に反応できるかを評価します。INPスコアが低いということは、ほとんどのユーザーインタラクションにページが迅速に応答することを意味します。

優れたパフォーマンスを発揮するWebサイトやWebページは、組織に大きなメリットをもたらします。今日のユーザーは、Webサイトの読み込みが高速で、完璧に動作し、応答性が高く、操作が簡単であることを期待しています。これらの期待に応えられない場合、ユーザーはすぐに代替サイトで必要なものを見つけることができてしまいます。

そのため、ビジネスの成功にはWeb監視ツールが不可欠です。Core Web Vitalsの監視を通じて、Web開発者やIT管理者は、コンバージョン率を向上させることでユーザー満足度やブランド認知度を高め、収益を増加させるようなユーザー体験を提供できます。

サイト所有者がGoogle Core Web Vitalsの最適化に成功することで、次のようなことが可能になります。

• 卓越したユーザー体験の提供。Core Web Vitalsの改善により、Webページの読み込みが高速化され、応答性が向上し、Webページの存続期間全体にわたって視覚的に安定した状態が維持されるため、ユーザー体験が直接的に向上します。
• エンゲージメントとユーザー維持率の向上。迅速に読み込まれ、ユーザーの入力にすばやく応答するWebサイトは、ユーザーのエンゲージメントを維持し、Webサイトの他の部分を探索したり、取引を完了したりするよう促す可能性が高くなります。
• コンバージョン率の向上。Core Web Vitals用に最適化されたページは、コンバージョン率が高い傾向があります。つまり、ユーザーはこれらのページを使用して取引を完了したり、Eメールでのニュースレターに登録したり、ゲート付きコンテンツをダウンロードしたり、その他の希望するアクションを実行したりする可能性が高くなります。
• SEOランキングの向上。Googleでは、検索結果のランキング要素としてCore Web Vitalsデータを組み込んでいるため、これらの指標を最適化することで、検索エンジンの結果ページ（SERP）におけるWebサイトの位置付けを改善できます。
• モバイル体験の向上。Core Web Vitalsは、優れたモバイル体験を提供するために特に重要であり、モバイルユーザーがWebサイトやWebページとの間で、高速で応答性が高く、安定したやり取りができるようにします。

Web開発チームとIT管理者は、リアルユーザー監視（RUM）またはシンセティックテストのテクノロジーを使用してCore Web Vitalsを測定します。

RUM

リアルユーザー監視では、実際のユーザーがデバイス、ネットワーク、地理的な場所を問わず、Webサイトのパフォーマンスをどのように体験しているかについての知見を得ることができます。この Web監視アプローチは、実際のユーザーのインタラクションやふるまいがWebサイトの速度に与える影響を捉え、シンセティックテストでは再現できないパフォーマンスの問題に関する知見を提供します。

シンセティックテスト

シンセティックテストでは、制御された環境でユーザーのアクションをシミュレートするスクリプトを使用することでCore Web Vitalsを監視します。シンセティックテストは、パフォーマンスのベンチマークと長期的な比較に最適であり、また、実際のユーザーに影響が及ぶ前に潜在的な問題やボトルネックをプロアクティブに特定することも可能です。

Googleは、ページのパフォーマンスとCore Web Vitalsを監視するためのツールをいくつか提供しています。Lighthouse、PageSpeed Insights（PSI）、Chrome User Experience Report（CrUX）、Chrome DevToolsは、制御された環境でのデバッグに役立つシンセティックテストのラボデータを提供します。また、これらのソリューションは、実際のユーザー体験を取得するRUMからのフィールドデータも提供します。多くの場合、CrUXデータから得られるフィールド分析では、さまざまなデバイスやネットワーク状況における実際のユーザーのふるまいに関する知見が得られます。一方、ラボデータは、ユーザーに影響が及ぶ前にページ体験の潜在的な問題を特定するのに役立ちます。

Google Search Consoleは、Core Web Vitalsレポート機能を統合しており、サイト所有者は、これらの指標に基づいてページのパフォーマンスを確認し、サイトの検索エンジン最適化（SEO）にどのような影響を与えるかを確認できます。

Core Web Vitalsを改善するためにサイト所有者が取れる方策は複数あります。

• Largest Contentful Paintの改善：開発チームがコンテンツ・デリバリー・ネットワーク（CDN）を使用して読み込み時間を改善すれば、画像を最適化することができます。また、遅延読み込みを導入して、Webページの「初期表示」部分を優先し、ユーザーがスクロールしなければ表示されないWebページ部分の優先順位を下げることもできます。
• First Input Delayの改善：開発チームがJavaScript関数のサイズを縮小し、動的ページよりも読み込みが高速な静的ページをより多く使用することで、不要なサードパーティのツールやスクリプトを削除できます。
• Cumulative Layout Shiftスコアの改善：各デバイスと解像度に最適なサイズで画像が読み込まれるようにします。また、埋め込みコンテンツ用のスペースを確保し、異なるページからわずかに異なるタイミングで読み込まれるサードパーティのページ要素を最小限に抑えることで、読み込み時にページのレイアウトがずれるのを防ぐこともできます。