コア ウェブ バイタルは、全体的なユーザー エクスペリエンスを評価する Google の指標です。これらは、ユーザーがあなたのビジネスをどのように見ているかについての貴重な洞察を提供し、サイトの SEO ランキングに影響を与える可能性があります。ユーザー エクスペリエンスを把握するスコアを取得することで、サイトが何を必要としているかを推測するのではなく、特定の問題に対してアクションを起こすことができます。
目的
このチュートリアルでは、New Relic を使用して Web の重要な要素を分析する方法を説明します。チュートリアルが終わるまでに、次のタスクが完了します。
- one.newrelic.com でコア Web バイタルを見つけてください。
- Web の重要な要素がサイトのパフォーマンスにどのように反映されるかを理解します。
- New Relic でデータをフィルタリングして、スコアに寄与しているものを見つけます。
ウェブの重要な要素を理解する
すでに New Relic でブラウザ アプリを監視している場合は、 one.newrelic.com > All capabilities > Browser > (アプリを選択) > Monitor > Web vitalsに移動します。
重要
一部のお客様の場合、 Web Vitalsが ( [モニター] の下ではなく) [その他のビュー] の下にある場合があります。
one.newrelic.com > All capabilities > Browser > (アプリを選択) > Monitor > Web vitals: サイト全体のコア Web バイタル、お気に入りの主要な Web ページを追跡し、期間でフィルターします。
3 つの主要な Web Vitals は次のとおりです。
- Largest contentful paint : ローディング パフォーマンスを測定
- First input delay : ユーザー入力とブラウザー応答の間の対話性を測定します
- 累積レイアウト シフト: 視覚的な安定性を測定
各ウェブ バイタルには、アプリのパフォーマンスと SEO を追跡するのに役立つ次のしきい値があります。
良い | 改善が必要 | 悪い | |
|---|---|---|---|
最大のコンテンツペイント | <=2.5秒 | <=4 秒 | >4秒 |
First input delay | <=100ms | <=300ms | >300ms |
累積レイアウトシフト | <=0.1 | <=0.25 | >0.25 |
優れた Web Vitals は、組織がお金を節約し、SEO を向上させるのに役立ちます。不十分または改善が必要は、組織に対するユーザーの否定的な認識を反映している可能性があり、顧客の不満やビジネス チャンスの損失につながる可能性があります。
特定のページにドリルダウンする
重要なページ (e コマースのチェックアウト ページなど) についての情報が必要な場合は、 Page URL [ページ URL] テーブルでそのページを見つけます。コア Web バイタルに寄与しているものの詳細が表示され、エンド ユーザーがサイトのこれらの領域をどのように体験しているかを理解するために使用できます。たとえば、Chrome ブラウザのパフォーマンス低下のパターンに気付いた場合は、そのユーザー ベースに対する今後の改善策を厳選できます。
one.newrelic.com > All capabilities > Browser > (アプリを選択) > Monitor > Web vitals > (ページ URL をクリック): 最も影響力のある Web ページのコア Web Vitals の内訳を表示します。
主要な属性によるフィルタリング
バックエンドの変更やパフォーマンスの問題がコア Web Vitals にどのように影響したかなど、特定のことを調査したい場合は、[フィルター] ツールを使用して任意のキー属性をフィルター処理できます。
one.newrelic.com > All capabilities > Browser > (アプリを選択) > Monitor > Web vitals > (フィルターの追加): フィルター ツールを使用して、主要な属性によってコア Web Vitals をフィルターします。
ほぼすべてのキー属性でフィルタリングできますが、役に立つ例をいくつか読んでください。
セッショントレースでより多くのコンテキストを取得
New Relic は、特定のページ上のユーザーのセッションに関するデータをキャプチャします。セッション トレースはランダムにサンプリングされ、ユーザーがページ読み込みタイミングの問題、JavaScript イベント、その他のエラーをどのように経験したかを確認できます。
セッション トレースを使用して、さまざまなユーザー セッションにわたるパターンを見つけることをお勧めします。コアの Web Vitals スコアの 1 つを改善できる場合、オプションの 1 つは、セッション トレースを調べて、さまざまなユーザー セッション間でどのような共通属性が共有されているかを確認することです。セッション トレースがサイトの改善にどのように役立つかを示す例を次に示します。
- Web Vitals タブで、パフォーマンスが低下しているページをクリックします。上の画像を例として使用すると、サイトの全体的な LCP スコアは良好ですが、個々のページの一部には改善が必要であることがわかります。
- Web Vitals ページの Page URL セクションを見ると、ホームページ URL の LCP スコアが 4 秒を超えていることがわかります。これはすべてのユーザーに影響するエラーによるものですか、それとも 1 種類のユーザーのみに影響するものですか?たとえば、特定のバージョンの Chrome または特定のオペレーティング システムを使用しているユーザーがページの読み込み時間が遅いことに気付いた場合、問題の特定の原因をより適切にトラブルシューティングできます。
- トラブルシューティングする URL をクリックすると、新しいウィンドウが表示されます。LCP スコアがサイト全体の LCP スコアよりもはるかに高いことに気づきました。このページの下部にある Session traces [セッション トレース] セクションまでスクロールすると、実際のユーザー セッションのさまざまなサンプルが表示されます。これらのセッションでは、ユーザーが AJAX リクエスト、DOM ロードに関連する問題、JavaScript イベント、またはその他のエラーをどのように経験したかについて、より詳細な情報を得ることができます。
ランダム化されたセッションからのデータは、Web ページとの数百または数千のユーザー操作全体のパターンを見つけるのに役立ちます。このランダムに選択されたデータにパターンが現れた場合、問題を解決するための計画によってページ スコアが向上するという確信が持てます。