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.
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:
- Go to one.newrelic.com > Browser > (select an app) > Page views.
- Select the time period or sort order, or keep the defaults.
- If available, select the type of view for page load timing information as a chart (default), histogram, or percentile.
- To view summary information about a specific transaction, mouse over the transaction's name on the list.
- 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 Summary page and Browsers detail page.
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 |
Page rendering (blue) | In the browser, the time to display the HTML, run the inline JavaScript, and load images. Measured by the browser's |
"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. |
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. |
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):
- Track as key transaction (create a new key transaction)
- Key transaction (view existing)
- Transaction traces > (selected trace) (view)