Browser Overview page: Website performance summary

New Relic Browser's Overview page summarizes the real-user browser performance of your app. Use the Overview page to:

  • View trends in an app's browser-side performance
  • Quickly troubleshoot page load timing issues
  • Navigate to other Browser UI pages

For a library of videos about how to get started with New Relic Browser, how to enable and configure it, and how to get the most out of the user interface, visit learn.newrelic.com.

View the Overview page

To view a summary of browser performance for an app:

  1. From rpm.newrelic.com/browser, select an app from the New Relic Browser index.
  2. From the app's Overview page, use standard New Relic page functions to drill down into detailed information.
Browser Overview page
Browser > (selected app) > Overview: After you select an application from the New Relic Browser apps index, the Overview page shows a summary of browser performance for that app.

The Overview page includes:

Load time chart

The Load time chart is the main chart on the Overview page. It shows a breakdown of users' browser load time, with average values for the selected time period displayed in the upper right corner of the chart. This chart appears with more detail about the page load timing process on the Page views page.

Load time chart segments

The Load time chart includes into these segments:

Page load timing segments Comments
Web application

This is the time spent in the app code.

Network

This is the time it takes for a request to make a round trip over the Internet (network latency). For apps that have been deployed using the copy/paste method, the Network measurement includes web application time.

Request queuing

This measures the time between the request entering your production environment and the application processing it.

DOM processing

This is the time the browser spent parsing and interpreting the page HTML. It is measured by the browser's DOMContent event.

Page rendering

This is the time the browser spent displaying the HTML, running in-line JavaScript, and loading images. It is measured by the browser's Load event.

Single page app (SPA) monitoring load time

If you enabled SPA monitoring, the Load time chart will display SPA data by default. The SPA chart breaks down load time into these segments:

  • Initial page load: A traditional URL change stemming from a load or reload of a URL.
  • Route change: A view change or update that doesn't require a URL reload.
  • Custom: A custom event created using the Browser API.

Page load timing for SPA monitoring is handled differently than standard page load timing. To switch back to the standard page load timing chart: Select the chart title's dropdown, then select Page view load time.

Load time chart functions

Load time charts also have the following functions:

If you want to... Do this...
Find deployments, outages, Apdex settings changes

Review the vertical bars on the chart that indicate events and changes:

  • Black vertical bar: Apdex settings have changed
  • Blue vertical bar: Deployment
  • Red vertical bar or area: Outage

To view additional details, mouse over the vertical bar.

Change chart data format
Browser load time chart display options

To switch to histogram and percentage displays: From the chart title's dropdown, select from the available options.

Compare with past data

Select the Compare with yesterday and last week checkbox to see an overlay comparing these measurements. This option is not available for SPA charts.

Switch between Browser and APM

For Browser apps also monitored by New Relic APM:

  • To view the app's Overview page: Select the App server link.
  • To return to the Browser Overview page: From the APM Overview page, select the Browser link.

Apdex chart

The Apdex chart displays the end-user Apdex for the selected time range and the average values for that period. For Browser apps also monitored by New Relic APM, the chart also includes app server Apdex data.

The Apdex chart does not use SPA data: it only uses standard page view timing.

Other functions of this chart include:

If you want to... Do this...
Switch between Browser and APM

For Browser apps also monitored by New Relic APM:

  • To view the app's Overview page: Select the App server link.
  • To return to the Browser Overview page: From the APM Overview page, select the Browser link.
View Apdex thresholds Mouse over the question mark icon beside the Apdex chart title to see what Apdex thresholds you have set for both Browser and (if applicable) APM.

Throughput chart

The Throughput chart displays browser throughput as pages per minute (ppm). The value in the upper right of the chart is the average value for the selected time range.

If you have enabled SPA monitoring enabled and the Overview page shows the SPA load time chart, the Throughput chart will also use SPA data.

App server requests per minute (rpm) may show a different measurement than the browser page load timing's pages per minute (ppm).

Session traces, JavaScript errors, and AJAX

Access to these features depends on your subscription level.

Depending on your subscription level, the following tables and charts may also be on your Overview page:

For more help

Additional documentation resources include:

Discuss Browser monitoring in the New Relic Online Technical Community! Troubleshoot and ask questions, or discuss JavaScript error reporting or AJAX timing in detail.

If you need additional help, get support at support.newrelic.com.