Page views: Examine page performance

The Page views page in Browser monitoring 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.

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

Browser monitoring lists page views as URLs. This makes it easy to identify specific front-end page views; for example, /browse/plans. In addition:

  • For browser apps that are also monitored by APM, you can view the back-end transactions associated with the page view; for example, ApplicationsController#Show.
  • For URLs that are also monitored by Synthetics, you can use New Relic's comparative charting feature. This provides a direct page load time comparison between real user (Browser) interactions and trends appearing in Synthetics monitors.
pageview01_overview.png
one.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 one.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.
  5. To compare page load time between real user (Browser) interactions and trends appearing in Synthetic monitors, select a page monitored by 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 Summary page and Browsers detail page.

pageview02_loadtime.png
one.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 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, 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 Browser apps that are also monitored by APM, this table shows the total call time, average response time, call count, and link to the APM Transactions page.
pageview03_transaction.png
one.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.

Use additional APM-monitored app options

Browser apps that are also monitored by 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 APM):

For more help

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