Introduction to 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. And by using Browser with New Relic Insights, you can gather and visualize your browser data, then analyze what that data says about your business.

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.

For a library of videos about basic concepts and advanced procedures to use New Relic Browser, visit learn.newrelic.com.

Feature comparison

New Relic Browser includes standard features for all subscription levels. With a New Relic Browser Pro subscription, you can capitalize on additional, enhanced features.

New Relic Browser page Features Lite Pro

Browser Overview:

Your website's performance at a glance

For both Lite and Pro subscriptions, the Overview summary charts show:

In addition, Pro subscriptions include charts with:

  • 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.

[check icon]
(some)
[check icon]
(all)

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
[check icon]

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. Chart data includes:

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

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 JS errors page shows:

  • Number of times errors occurred during the selected time period
  • Patterns by browser type
  • Percentage of page views
  • Stack trace error details when available
  • Un-minified stack traces with source map upload
[check icon]

Page views:

Insights into your site's popularity

Drill down into detailed information about:

[check icon] [check icon]

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
[check icon]

Geography:

Webpage performance by location

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

In addition, Pro users can use the enhanced Filterable Geography page to:

  • Filter and drill down into performance metrics.
  • Use your mouse to select or zoom in and out of any location on the map.
  • Explore heat map details.

The Pro subscription level of visual detail is especially useful for professionals in IT and Operations to make business decisions about peering agreements and CDN usage.

[check icon] (some) [check icon] (all)

Browsers:

Problem patterns by browser type or platform

Explore 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.

[check icon] [check icon]

Settings:

UI options for browser monitoring

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.
  • Monitor or block specific domains.
  • View your Browser app's alert conditions.
[check icon] [check icon]

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.