Blue Triangle Help Center
Auto Light Dark
Auto Light Dark

Performance Widget

Overview

The Performance Widget is the main graph displayed on both the RUM and Synthetic Performance Detail pages. This widget is a line graph with various performance metrics displayed over the selected time period.

screenshot-08_12, 01_32_37 PM.jpg

If you don't want to see all the metrics at once, you can click the legend items to hide/show the metrics in the graph. When applicable, you'll see additional axes appear to support the various metrics in the legend.

Find Widget

Once you enter the Add a Widget menu, you will see a variety of filter options on top. One way to find the Performance Widget is to use the filter options listed below.

Filter Title

Filter Option

Widget Type

Trends

Data Type

Real User

Insight Type

Performance

Another way to find the Performance Widget is to use the search bar at the top right of the menu.

screenshot-08_11, 01_31_30 PM.jpg

Widget Configuration

To configure this widget, fill out all required sections and apply any filtering you need.

Screenshot 2026-08-07 at 9.36.00 AM.png

RUM and Synthetic Metrics

The following are the metrics that can be displayed in the Performance Widget and whether they can be viewed in RUM, Synthetic, or Both

Metric

RUM

Synthetic

INP

X

 

Page Views/Hits

X

X

Page Onload

X

X

Time to Interactive

X

X

First Contentful Paint

X

X

Largest Contentful Paint

X

X

Total Blocking Time

X

X

Cumulative Layout Shift

X

X

DOM Duration

X

X

Time to DOM Interactive

X

X

Time to DOM Content Loaded

X

X

JavaScript Errors

X

X

First Byte

X

X

DNS

X

X

TCP

X

X

SSL

X

X

Redirect

X

X

Base Page

X

X

Speed Index

 

X

Fully Loaded Time

 

X

First Paint

 

X

Page Size (Uncompressed)

 

X

Page Size (Compressed)

 

X

Total Elements

 

X

Image Size

 

X

Total Domains

 

X

For more information on the metrics shown in this widget, please see our glossary.