Page speed

Updated at:

This topic describes the features available on the Page Speed page of ARMS browser monitoring.

After you connect your application to ARMS browser monitoring, you can view its performance data on the Page Speed page:

Note

You can manually report custom performance metrics, such as first paint time and time to interact. For more information, see SDK methods.

Procedure

  1. Log on to the ARMS console. In the left-side navigation pane, choose Browser Monitoring > Browser Monitoring.

  2. On the Browser Monitoring page, select a region in the top navigation bar and click the name of the application that you want to manage.

  3. In the left-side navigation pane, choose Application > Page Speed.

In the Page Speed Ranking section on the left side of the Page Speed page, you can sort pages by first paint time or page views. Click the up or down arrow to change the sort order.

Page load time details

Page Load Time Details

Note
  • The line chart displays the average value of each metric within the specified time range. Averages reflect the mean performance over a period but can be skewed by outliers. For example, a single user session with a very slow page load due to a poor network connection can significantly inflate the average. To prevent outliers from skewing the overall performance trend, click the Filter icon in the upper-right corner to filter them out.

  • If you notice a sudden spike in the data, use the performance distribution and slow page session trace modules to locate the problem.

Page load waterfall chart

The page load waterfall chart visualizes the time spent in each stage of the page loading process. To optimize performance, apply targeted solutions to specific stages.

Page Load Waterfall Plot

Performance distribution

This module shows your page's performance distribution.

On the Performance Layer tab, the stacked area chart shows the performance distribution over time.

Performance View

On the Performance Sample Distribution tab, you can view the distribution of page load times. For example, you can see the percentage of pages that load in under one second or identify the proportion of long-tail user samples.

Performance Sample Distribution

The Performance Trend tab shows trend charts for the mean, 95th, 90th, 80th, and 60th percentiles of performance metrics such as DNS lookup time, TCP connection time, and page load time.

image

Slow page session trace

The slow page session trace feature provides a performance waterfall chart for static resource loading during the page loading process. This helps you understand resource loading details and quickly identify performance bottlenecks based on page performance data. For more information, see session tracing.

The list of slow page session traces includes the following fields: Page, Session ID, Browser, Page Load Time, and Start Time.

Page load distribution

Page loading occurs in the user's browser and is affected by factors such as geographic location, network conditions, browser type, and carrier. ARMS browser monitoring provides statistics on geographic, device, network, and version distributions to help you identify performance bottlenecks.

Performance metrics

Table 1. Key web performance metrics

Metric

Description

Formula

Notes

FMP (First Meaningful Paint)

First meaningful paint

See FMP technical implementation.

N/A

first paint time (FPT)

First paint time (white screen time)

responseEnd - fetchStart

The time from the start of the request until the browser first renders any content to the screen.

time to interact (TTI)

Time to interact

domInteractive - fetchStart

The time from the start of the request until the page is fully interactive and responsive to user input.

Ready

HTML load completion time, also known as DOM Ready time.

domContentLoadEventEnd - fetchStart

If the page contains synchronously executed JavaScript, the synchronous JS execution time = Ready - TTI.

Load

Page load time

loadEventStart - fetchStart

Measures the time until the entire page, including all dependent resources like stylesheets and images, has fully loaded.

FirstByte

FirstByte time

responseStart - domainLookupStart

The time from the start of the DNS lookup until the first byte of the response is received.

Table 2. Duration metrics for loading stages

Metric

Description

Formula

Notes

DNS

DNS lookup time

domainLookupEnd - domainLookupStart

N/A

TCP

TCP connection time

connectEnd - connectStart

N/A

time to first byte (TTFB)

Time to first byte

responseStart - requestStart

TTFB can be calculated in multiple ways. The standard used by ARMS is based on the Google Developers definition.

Trans

Content transfer time

responseEnd - responseStart

N/A

DOM

DOM parsing time

domInteractive - responseEnd

N/A

Res

Resource loading time

loadEventStart - domContentLoadedEventEnd

The time taken to load all dependent resources after the initial HTML document has been parsed.

SSL

SSL connection time

connectEnd - secureConnectionStart

This metric is valid only for HTTPS connections.

Related topics

Manually report custom performance metrics