Share this page

# 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

Note: Supported for TruClient 2.0 scripts only, from version 26.3.

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

Note: Supported for TruClient 2.0 scripts only, from version 26.3.

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

https://admhelp.microfocus.com Professional Performance Engineering,VuGen 8942
Tips to improve your search results... OpenText™ Professional Performance Engineering Help Center OpenText™ Professional Performance Engineering Help 26.1-26.3 All View Local Help Center View Online Help Center Version: