Page performance

Real User Monitoring provides in-depth diagnostics into page performance to help identify and diagnose performance issues and measure the impact of optimizations made.

Page Performance Page


You can drill into the performance data about a specific page or virtual page by clicking the URI from the main performance tab in RUM. This will show you performance diagnostics for that specific page route to help you understand how that page is performing for your end users and what you need to do to improve performance.


Histogram

The histogram visualizes the distribution of page views within each bucket of page performance. At a glance you can see how the majority of users are experiencing the page.

Controls:

Groups of bars can be hidden by clicking on the corresponding label in the legend below the graph.

The dropdown in the top right-hand corner of the chart can be used to toggle between different metrics.

Next to the dropdown is the options menu, within the three dots, where you’ll find the following controls:

  • Hide 10% slowest to hide the slowest 10% of the dataset. This helps if your graph has a particularly long tail due to outliers.

  • Logarithmic scale: switches the Y-axis into logarithmic scale. This helps if any bars containing a large count are flattening the graph.

Metrics:

For more information on the metrics displayed in the histogram, and what they’re measuring, see the performance metrics documentation.

Drilling into histogram bars:

For a static page the histogram allows you to click on any of the bars. Clicking on a bar will display a list of sessions with views of the static page that fell between the timings represented in the clicked bar. This list shows key session information like the browser, operating system and geo-location, helping you spot any trends that might be influencing performance.

Histogram Drill Down

To drill into a specific session and understand the full user journey, click on any session ID from this table.


Load time breakdown

This graph visualises the time taken in each of the different portions of load time (DNS, Latency, SSL, Server, Transfer, Render, Children) as an average of the timings from all page views within the time range selected.

For more information on how each portion is calculated, see the performance metrics documentation.


Line graph

Line Graph

The line graph visualizes the Average, Median, P90, and P99 of each performance metric over the time range selected, enabling you to see the trend in front-end performance of a page.

Controls:

The dropdown in the top right hand corner of the chart can be used to toggle between different metrics.

The graph displays lines for Average, Median, P90, and P99. You can hide each line by clicking the corresponding label in the key at the bottom of the graph.

Metrics:

For more information on the metrics displayed in the line graph, and what they’re measuring, see the performance metrics documentation.


Custom timings

In Real User Monitoring you can track custom performance measurements across your website or application using custom timings. For example, you might track the time it takes for a specific video to play, or for the search bar to load. Custom timings gives you the flexibility to track the timing on events that matter to your users or business.

For more information see our documentation on custom timings.


Waterfall timeline

This chart shows a list of the requests made to load a page and the time taken with each. The waterfall chart allows you to see exactly how a page loaded and which request/s took the longest amount of time.

You can show/hide different request types using the toggles at the top of the timeline to help focus on specific requests.

Underneath each request there is also an offset timing to show you the point within the page load where a particular request was made.

This chart is a sample waterfall timeline from a session in the time range, representing the experience of one user. It is not an average of all page requests within that time range.


Average time spent on this page

This graph visualises the trend of the average time users have spent within this page in the time range selected.

You can use the ‘Logarithmic Scale’ toggle in the top right-hand corner of the chart to switch to a logarithmic scale. This helps if a high value is flattening the graph.


XHR requests made from this page

This table shows a list of XHR calls made from the page, the number of times each has been requested, and the average response time of each. You can click on an XHR to see the full distribution of response times.


Latest slowest requests for this page

This table shows the slowest requests made for this page, the user who made the request, the country that the request originated from, and the load time breakdown of each. You can click on the URI to view performance details for a specific page request.

Up to 50 requests are displayed in this table. These are a sample from the latest 1000 requests within the time-range selected.


Viewing details for a specific page request

Real User Monitoring also allows you to view performance details for specific page requests within a given user session.

For more information on how to view instance level performance details on the request details documentation page.


Using top level filters

Filters can be applied on this page to show only performance data from page views which match the criteria selected. The top level filter bar can be found at the top of the page.

For example, top level filters can help you identify how page performance might differ across different browsers, geographies or operating systems. You can find more information in our top level filters documentation.

Top level filters can also be extended to filter performance data based on factors unique to your software or business using custom tags.


Show/hide modules

There are certain modules in Real User Monitoring which you can choose to hide. These Show/Hide modules can be found within the RUM settings.