Page views: Understand page performance

The Page views page in New Relic Browser provides insight into the performance of your site's pages. Sort options allow you to view details by percentage of page load time, average page load time, or throughput. Detailed information about the top webpages viewed, timing and throughput details, and links to browser traces or session traces also are available as applicable.

If you've opted into SPA (single-page application) monitoring, your Page views page will be different. For more on the SPA Page views page, see View SPA data in New Relic UI.

Viewing summary information

New Relic Browser lists page views as URLs. This makes it easy to identify specific front-end page views; for example, /accounts/*/applications/*.

For browser apps that are also monitored by New Relic APM, you can view the back-end transactions associated with the page view; for example, ApplicationsController#Show.

Browser Page Views dashboard
rpm.newrelic.com/browser > (select an app) > Page views: This page provides detailed information about page load time, throughput, top transactions, and traces.

To view detailed information about which pages the end users are viewing for your app:

  1. Go to rpm.newrelic.com/browser > (select an app) > Page views.
  2. Select the time period or sort order, or keep the defaults.
  3. If available, select the type of view for page load timing information as a chart (default), histogram, or percentile.
  4. To view summary information about a specific transaction, mouse over the transaction's name on the list.

Examining page load timing details

The Browser page load time chart view shows the average page load time broken down into segments. This chart also appears on the Browser Overview page and Browsers detail page.

Browser page view load time chart
rpm.newrelic.com/browser > (select an app) > Page views: The Browser page load time chart shows the average page load time broken down into segments indicating the end users' experience (sometimes referred to as real user monitoring or RUM).

The page load timing process shows:

  • Request queuing (black): Wait time between the web server and the application code. Large numbers indicate a busy application server.
  • Web application (purple): Time spent in the application code.
  • Network (brown): The network latency, or time it takes for a request to make a round trip over the Internet.
  • DOM processing (yellow): In the browser, parsing and interpreting the HTML. Measured by the browser's DOMContent event.
  • Page rendering (blue): In the browser, displaying the HTML, running in-line JavaScript, and loading images. Measured by the browser's Load event.
  • "Additional" timing data: If you are using the JavaScript API, your "additional" timing data appears in this chart.

For apps that have been deployed using the copy/paste method, New Relic Browser includes web app and queue time in Network time.

Examining page view details

Use any of New Relic's standard user interface functions and page functions to drill down into detailed information. In addition, to view details about a specific page view, select its name from the list. To close an individual page view and return to the Page views page, select X (Close).

Each page view listed in the list may include links to additional drill-down details, including:

  • Page load performance: Page load timing breakdown data, throughput, session traces, and browser traces (if available)
  • Historical performance: Response time, Apdex comparisons, and throughput for the last selected time period, yesterday, and last week
  • AJAX calls: Table with links to detailed information about endpoints, as well as sortable columns by endpoint, average response time, throughput, and total calls
  • APM transactions (for New Relic Browser apps that are also monitored by New Relic APM): Table showing total call time, average response time, call count, and link to New Relic APM Transactions page.
screen-pageviews-page-load.png
rpm.newrelic.com/browser > (select an app) > Page views > (select a transaction): Depending on the app, individual transactions may have links to additional drill-down details, including Page load performance, Historical performance, AJAX calls, and APM transactions.

Using additional APM-monitored app options

Access to these features depends on your APM subscription level.

Browser apps that are also monitored by New Relic APM may have access to additional functions. To use these functions (if available): From the selected transaction's APM Transactions tab, select an APM transaction from the list. Then select any of these options (from New Relic APM):

SPA page views

Access to this feature depends on your subscription level.

New Relic offers single-page app (SPA) monitoring. If you have opted in to SPA monitoring, your Page views page will be different. See View SPA data in New Relic Browser UI for information on that UI functionality.

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.