Monitoring Performance Vitals

문서 > RUM & 세션 재생 > RUM 브라우저 모니터링 > Monitoring Performance Vitals

이 페이지는 아직 한국어로 제공되지 않으며 번역 작업 중입니다. 번역에 관한 질문이나 의견이 있으시면 언제든지 저희에게 연락해 주십시오.

Overview

RUM Vitals helps you find the true root cause of browser performance issues based on real user traffic. You can troubleshoot browser metrics, including the Core Web Vitals (CWV), Loading Time (Datadog’s custom metric that evaluates how long it takes for a page to fully load from the user’s perspective), and more. Determine what caused a slow page, with all the relevant information in one place.

Prerequisites

To get the most out of this feature, Datadog recommends that you use:

RUM Browser SDK version 5.4.0 or newer
Session Replay for at least some sessions

Select a vital

Navigate to the Vitals page, or click the “Vitals” tab under the Digital Experience > Performance Monitoring page.

You can check vitals for the top most visited pages or specific pages.

From this view, you have two ways of selecting the page and vital to review and optimize:

Select from a list of the most visited pages
Enter a view name on the left and select the page

Filter and evaluate

After you’ve selected a page and vital, you can see insights that explain their performance.

From here, you can:

Change the time frame in the upper right
Filter by different attributes using the dropdown buttons
Filter by selecting a group from the breakdown on the right (“Show Filter Breakdown”)
Select the percentile at which to evaluate your vital

In the example below, a pc75 evaluation means that the displayed value is at the 75th percentile of views in the selected filters. Pc75 is the typical percentile used to evaluate CWV for a given page.

Filter and evaluate your vitals for the selected view.

Visualize the user’s experience

The next part of the page helps you visualize exactly what your users are experiencing.

Based on the selected time period and traffic, RUM Vitals highlights the most typical example of what users see on the page when the selected vital is captured. If you use Session Replay, this is where you see a visual of the page.

For some vitals, you can also select other versions of the page to investigate by clicking “See a different element”.

Select different elements to preview and visualize the user's experience.

Troubleshoot resources and errors

In the troubleshooting section, you can see resources and errors that occurred on the page that may have affected the vital’s performance. For example, for Largest Contentful Paint (LCP), you can see resources that were loaded before the LCP was triggered. Since LCP is an indicator of how long the largest element takes to load on the page, you could investigate the following:

Anything that happens before then could be causing slowness or rendering issues
Resources that are particularly slow or large could be contributing to performance issues
Recurring errors could be causing problems as well

The Troubleshooting section shows resources and errors that occurred on the page that might have affected the vital's performance.

View event samples

To see everything in context with the rest of the page activity, scroll down to the waterfall and timeline of events. The waterfall shows the event timeline up until the moment the vital was captured.

You can select another sample event using the dropdown in the top left, and expand any event in the waterfall by clicking it to see the side panel, as shown below.