Page views: Examine 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.

New Relic Browser also offers single-page app (SPA) monitoring. If you have opted in to SPA monitoring, your SPA Page views page will be different.

View 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/*. In addition:

Browser Page Views dashboard > (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 > (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.
  5. To compare page load time between real user (Browser) interactions and trends appearing in New Relic Synthetics monitors, select a page monitored by New Relic Synthetics, then examine additional comparative charting details.

Examine timing details for page loads

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 > (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 colored-coded details:

Page load timing process Description
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 the time it takes for a request to make a round trip over the Internet.

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

DOM processing (yellow) In the browser, parsing and interpreting the HTML. Measured by the browser's DOMContent event.
Page rendering (blue) In the browser, the time to display the HTML, run the inline JavaScript, and load 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.

Examine page view details

Use any of New Relic's standard user interface 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:

Page view details Comments
Page load performance This includes page load timing breakdown data, throughput, session traces, and browser traces (if available).
Historical performance This shows 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, this table shows the total call time, average response time, call count, and link to the New Relic APM Transactions page.
screen-pageviews-page-load.png > (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.

Use 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):

For more help

If you need more help, check out these support and learning resources: