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 the New Relic Browser Overview page: From rpm.newrelic.com/browser, select an app from the index. This will take you to that app's Overview page.

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 on the Page views page.

The Load time chart is broken down into these segments:

  • Web application: Time spent in the app code.
  • Network: 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: A measurement of the time between the request entering your production environment and the application processing it.
  • DOM processing: Time the browser spent parsing and interpreting page HTML. Measured by the browser's DOMContent event.
  • Page rendering: Time the browser spent displaying the HTML, running in-line JavaScript, and loading images. Measured by the browser's Load event.

For more on how these segments are defined, see Page load timing process.

If you've enabled SPA monitoring, the Load time chart will display SPA data by default. To switch back to the standard chart: Select the dropdown beside the chart title and select Page view load time.

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.

For more on how these SPA terms are defined and how SPA load timing is done differently, see Understand SPA data.

Load time charts also have the following functions:

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

Vertical bars on the chart indicate notable 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 dropdown, select from the available options. For more about these chart options, see Select chart views.

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

If you are using New Relic APM, you can switch between APM and Browser by selecting 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. If you use New Relic APM, the chart also includes app server Apdex data. For an explanation of Apdex, see Apdex: Measuring user satisfaction.

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

Other functions of this chart include:

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

If you are using New Relic APM, the chart has an option to switch between APM and Browser views. Select the App server link to go to the APM Overview page. 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 SPA monitoring enabled and the SPA load time chart displayed, 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). For more information, see Page load timing process.

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:

Standard New Relic page functions

There are several other general functions that apply to most New Relic product pages. For more on these, see standard New Relic page functions.

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.