New Relic Browser

New Relic Browser provides deep visibility and insight into how your users are interacting with your application or website. New Relic Browser measures page load timing, also known as real user monitoring (RUM), but it goes far beyond that to measure:

With this added functionality, New Relic extends real user monitoring to include the entire life cycle of a page or a view.

Full life cycle monitoring

Many websites contain dynamic content that is loaded after the initial page has finished loading, and complex JavaScript code increases the need for error reporting. After you verify compatibility requirements to download and install New Relic Browser for your app, you get visibility into your users' entire experience, from the front end of your app to its back-end performance, plus the individual interactions during a user's webpage session (up to ten minutes).

Expanding far beyond legacy real user monitoring solutions, New Relic Browser monitors full page life cycle data, well beyond the initial page load. The UI also shows events throughout the individual user's session, allowing you to pinpoint problem areas and easily identify solutions.

For each end user page load, New Relic captures:

  • Time spent in the front end (browser)
  • Time spent in the back end (network and web app)
  • Geographic origin
  • Browser type and version, and operating system

For customers monitoring single-page application (SPA) architectures, New Relic captures route change data and associated AJAX requests.

Browser presents app data in charts, maps, and tables. You can view the data globally across all users and see it sliced and diced by webpage, browser, user session, and location. In addition, New Relic Browser enhances New Relic's original real user monitoring (RUM) feature with expanded functionality, detailed charts, and focused data.

 

[video link] For a product tour of New Relic Browser, watch this video (2½ minutes).

Enhanced (Pro) features

Depending on your New Relic subscription level, you can capitalize on these enhanced features.

New Relic Browser page Pro features

Browser Overview:

Your website's performance at a glance

Summary charts show:

  • Page load timing
  • Comparative Apdex scores for browsers and app servers
  • Throughput by browser type
  • Recent session traces of page load and user interaction events
  • JavaScript error rate
  • AJAX response time

Links from the Overview page allow you to explore even deeper levels.

Session traces:

Timeline of page load and user interaction events during a webpage's full life cycle

This detailed and intuitive visualization of all events in the user's session can help pinpoint problem areas and easily identify solutions. The Session traces page provides:

  • Summary information with links to specific sessions
  • A heat map with events and times to view directly
  • An expanded waterfall of events (up to ten minutes) to drill down into details
  • Color-coded legend of the webpage's life cycle
  • Zoom tools for quick navigation from the big picture to an individual interaction

AJAX calls:

Time-consuming or failing AJAX calls affecting webpage performance

The AJAX page helps identify page load timing problems from the users' experience when you have time-consuming AJAX calls to update parts of the webpage. Charts show data including:

  • Total time percentages for URL-based metrics
  • Throughput
  • Response time
  • Average data transfer rates
  • Status code patterns

JavaScript errors:

Browser errors in production over time

To help identify problems you may not have tested for, or problems your users are experiencing that you may not have easily seen, the JavaScript errors page shows:

  • Number of times the errors occurred during the selected time period
  • Patterns by browser type
  • Percentage of page views
  • Stack trace error details when available

SPA Views:

Monitoring for single-page app (SPA) architectures

When SPA monitoring is enabled, Browser's Page views page shows you:

  • Data for route changes
  • Data for initial page loads
  • Synchronous and asynchronous activity associated with browser interactions
  • Page load timing that measures all associated asynchronous processes, not just page load events

Standard features

Regardless of your New Relic subscription level, these features are available for all New Relic Browser users.

New Relic Browser pages Standard features

Browser Overview:

Your website's performance at a glance

Summary charts that show:

  • Page load timing
  • Comparative Apdex scores for browsers and app servers
  • Throughput by browser type
  • Page views breakdown

Additional charts on your Browser Overview page depend on your New Relic subscription level.

Page views:

Insights into your site's popularity

Detailed information about the top webpages viewed (with URL based metrics), timing and throughput details, and links to browser or session traces as applicable.

Geography:

Webpage performance by location

Color-coded Apdex scores and other data about your end users' experience around the world or in a specific region or state.

Browsers:

Problem patterns by browser type or platform

Your end users' experience with your app segmented by the browser they use, such as Google Chrome, Mozilla Firefox, Microsoft Internet Explorer, and Apple Safari. You can drill down to view:

  • Top browsers by throughput
  • Average page load time by platform type (mobile, desktop, and other)
  • Selected browser type by version (for example, Chrome 31, 32, 33, etc.)

This helps you quickly determine whether problems with page load timing may be related to a specific browser type or platform, or whether the problem is more widespread.

Browser traces:

Analysis of slow user transactions from end to end

Browser traces show the timing breakdown for a single page load, along with geography and browser type information. Aggregate data for the related page view provides a baseline comparison, and a link allows you to quickly run a performance test.

If you have New Relic Browser Pro features, Session traces replace Browser traces.

Settings:

UI options for browser monitoring

An easy way to turn the New Relic Browser product on or off, including the option to enable or disable specific features. For example, you can:

  • Select specific Apdex settings and countries for browsers
  • Enable or disable the AJAX and JavaScript errors reporting features
  • Maintain a whitelist of URL segments

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.