Client-side measurement graphs

The TruClient client-side measurement graphs provide you with information on the client-side behavior and user experience of a loading document in a browser. This data is displayed for all Vusers.

In this topic:

DOM Interactive graph

The DOM Interactive graph displays the average load time per document since the browser finished parsing all of the HTML, and completed the DOM construction. 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 the DOM construction is complete.

DOMContentLoaded Event Duration graph

The DOMContentLoaded Event Duration graph displays the average time per document, in milliseconds, it takes for the DOMContentLoaded event to occur. It helps you evaluate the client-side experience of document loading. The DOMContentLoaded event is a point when the document is completely loaded and parsed without waiting for stylesheets, images, and subframes to finish loading. The average time is calculated and is displayed in this graph.

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

The Page Load Event Duration graph displays the average time per document, in milliseconds, it takes for the load event to occur. The Page Load Event is a point when the whole page has loaded, including all dependent resources, such as stylesheets and images. The average time is calculated and is displayed in this graph.

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.

Client-Side Measurement Breakdown graph

The Client-Side Measurement Breakdown graph displays a breakdown of each navigation event during the scenario run for a TruClient script. For each document, it gives the average time, in seconds, that it takes from Request Start to each listed event.

Use the breakdown tree to drill down through the sub-pages. Double-click on a page to filter the graph, so that it shows the measurements for that page.

Axis	Description
X-axis	Elapsed time since the start of the scenario run.
Y-axis	The average time per document (in seconds) 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 monitoring