Client-side monitoring

TruClient client-side graphs provide you with information on the client-side behavior and user experience. This data is displayed for all Vusers.

In this topic:

DOM interactive graph

This graph displays the average time per document, in milliseconds, since the browser has finished parsing all of the HTML and DOM construction is complete. It helps you evaluate the client-side experience of document loading.

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	The average time per document, in milliseconds, until DOM construction is complete.

Page DOMContentLoaded Event Duration graph

This graph displays the average time per document, in milliseconds, it takes for the DOMContentLoaded event to occur (a point when the document been completely loaded and parsed without waiting for stylesheets, images, and subframes to finish loading). It helps you evaluate the client-side experience of document loading.

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	The average time per document, in milliseconds, for the DOMContentLoaded event to occur.

Page Load Event Duration graph

This graph displays the average time per document, in milliseconds, it takes for the load event to occur (a point when the whole page has loaded, including all dependent resources such as stylesheets and images). It helps you evaluate the client-side experience of page loading.

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	The average time per document, in milliseconds, for the load event to occur.

Cumulative Layout Shift graph

The Cumulative Layout Shift (CLS) graph displays cumulative visual instability. The measurement tracks how much the visible content on the page unexpectedly moves from its start position, throughout the page's lifetime. Stabilizing the movement can help improve the user experience.

The Google CLS thresholds are:

• Good: ≤ 0.1

• Needs improvement: 0.1–0.25

• Poor: > 0.25

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	CLS score.

Interaction to Next Paint graph

The Interaction to Next Paint (INP) graph displays how responsive the page is to user interactions. The measurement tracks the time from a user interaction to the next visual update that is painted on the screen.

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	The time from the interaction to the next paint, in milliseconds.

See also

• Performance metrics
• Client-side measurement graphs