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

If you're ready to get started with browser monitoring, see Install Browser.

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 install New Relic Browser, you get visibility into your users' entire experience, from the front end of your app to its backend performance. You can also see the individual interactions within 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.

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

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 a given time range
  • Automatically detected error patterns
  • Event log showing asynchronous activity leading up to an error
  • 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:

In addition, use New Relic's comparative charting feature for a direct page load time comparison between real user (Browser) interactions and trends appearing in New Relic Synthetics monitors.

[check icon] [check icon]

Page View Timing:

A look into your user's perception of your site's performance

The PageViewTiming event provides a more real-time delivery mechanism that does not have a dependency on any other event. The additional metrics:

  • First, first contentful & largest contentful paint
  • First input delay
  • First interaction

Helps you understand how users experience your site, both from visual and responsiveness standpoints.

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


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)


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]


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.
  • Maintain an allow list of URL segments.
  • Monitor or block specific domains.
  • View your Browser app's alert conditions.
[check icon] [check icon]

New Relic Insights:

Access to Insights features

With access to New Relic Insights, you get access to powerful features for the default Browser event data, including:

[check icon] (some) [check icon]

Distributed tracing:

See complete request paths

With access to New Relic distributed tracing, you can see the connection between front-end activity and back-end activity. You can see across a full transaction, from browser activity, to time spent in network, to back-end activity.

[check icon]

For more help

Recommendations for learning more: