概要

RUM Vitals は、実際のユーザーのトラフィックに基づいてブラウザのパフォーマンス問題の真の根本原因を見つけるのに役立ちます。 Core Web Vitals (CWV)、Loading Time (ページがユーザーの視点から完全にロードされるまでの時間を評価する Datadog のカスタムメトリクス) など、ブラウザのメトリクスをトラブルシューティングできます。関連するすべての情報を一箇所に集めて、ページの遅延の原因を特定します。

前提条件

この機能を最大限に活用するために、Datadog は以下の使用を推奨します。

バイタルを選択

Vitals ページに移動するか、Digital Experience > Performance Monitoring ページの “Vitals” タブをクリックします。

最も訪問されたページや特定のページのバイタルを確認できます。

このビューから、レビューと最適化のためのページとバイタルを選択する方法は 2 つあります。

  • 最も訪問されたページのリストから選択
  • 左側にビュー名を入力してページを選択

フィルタリングと評価

ページとバイタルを選択すると、それらのパフォーマンスを説明するインサイトが表示されます。

ここから、以下のことができます。

  • 右上で時間枠を変更
  • ドロップダウンボタンを使用して異なる属性でフィルタリング
  • 右側の内訳からグループを選択してフィルタリング (“Show Filter Breakdown”)
  • バイタルを評価するパーセンタイルを選択

以下の例では、pc75 の評価は、表示される値が選択されたフィルター内のビューの 75 パーセンタイルであることを意味します。pc75 は、特定のページの CWV を評価するために使用される一般的なパーセンタイルです。

選択したビューのバイタルをフィルタリングして評価します。

ユーザーの体験を視覚化

ページの次の部分では、ユーザーが実際に何を体験しているかを正確に視覚化するのに役立ちます。

選択した期間とトラフィックに基づいて、RUM Vitals は選択したバイタルがキャプチャされたときにユーザーがページで見る最も典型的な例をハイライトします。 Session Replay を使用している場合、ここでページのビジュアルが表示されます。

一部のバイタルでは、“See a different element” をクリックして調査するためにページの他のバージョンを選択することもできます。

異なる要素を選択して、ユーザーの体験をプレビューおよび視覚化します。

リソースとエラーのトラブルシューティング

Troubleshooting セクションでは、バイタルのパフォーマンスに影響を与えた可能性のあるページ上のリソースとエラーを見ることができます。例えば、Largest Contentful Paint (LCP) では、LCP がトリガーされる前にロードされたリソースを見ることができます。LCP はページ上で最大の要素がロードされるまでの時間を示す指標であるため、以下を調査できます。

  • それ以前に起こることが遅延やレンダリングの問題を引き起こしている可能性
  • 特に遅いまたは大きなリソースがパフォーマンスの問題に寄与している可能性
  • 繰り返し発生するエラーも問題を引き起こしている可能性
Troubleshooting セクションは、バイタルのパフォーマンスに影響を与えた可能性のあるページ上のリソースとエラーを表示します。

イベントサンプルを見る

ページのアクティビティ全体を文脈に合わせて確認するには、ウォーターフォールとイベントのタイムラインまでスクロールします。ウォーターフォールは、バイタルがキャプチャされるまでのイベントのタイムラインを示します。

以下に示すように、左上のドロップダウンを使用して別のサンプルイベントを選択し、ウォーターフォール内の任意のイベントをクリックしてサイドパネルを表示することができます。

イベントサンプルを表示し、ページのアクティビティ全体を文脈に合わせて確認します。

その他の参考資料

PREVIEWING: Cyril-Bouchiat/add-vm-package-explorer-doc