Introduction to Browser monitoring

Your end-user experience depends on your entire technology stack. You need to quickly understand what's causing a customer complaint or issue.

  • Did the problem come from your infrastructure, your application, or the browsers that ultimately render it?
  • Is it the result of a problematic internet provider, a problem in your own data center with failing CPU or memory, or something else?

More than Real User Monitoring (RUM)

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. Browser monitoring in New Relic One provides a Real User Monitoring (RUM) solution that measures the speed and performance of your end users as they navigate to your site from different web browsers, devices, operating systems, and networks.

browser_intro.png
With Browser Monitoring in New Relic One, you see actionable data about your end users' experience with your app.

But Browser goes far beyond the initial page load to measure full page life cycle data. For example, our Browser UI shows you:

These tools (and more!) help your teams optimize your end users' page load experience, eliminate bugs, and troubleshoot faster across your full stack.

Examine user perceptions

Real user data gives insights into actual page performance, but you also need to look into your users' perception of your site's performance. Pages can load content in many different ways, and users control when they interact with that content. This is why some user-centric performance metrics happen outside the standard window onload (page load time) in the Browser agent.

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

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

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

Improve interactive app performance

Our single-page app (SPA) monitoring automatically tracks route changes, initial page loads, and synchronous and asynchronous activity during browser interactions. You can also use the Browser agent and SPA API to monitor virtually anything that executes inside the browser.

If you are a developer, SPA monitoring can help you:

  • Create faster, more responsive, highly interactive apps.
  • Monitor the throughput and performance that real users are experiencing.
  • Troubleshoot and resolve problems within the context of the page load.
  • Query and visualize the data to assist with business decisions.
  • Bring better apps to the marketplace more quickly.

Correlate front-end and back-end problems

With New Relic One, you can instrument any type of data you need, such as metrics, events, logs, and traces. This helps you find actionable data about your end users' experience across the stack. For example:

Full-Stack Observability Comments
Locations or domains

Limit browser monitoring to focus on specific geographical locations or specific types of end-user activity. You can also monitor or block specific domains.

Trends in interactions

Use our comparative charting feature for a direct page load time comparison between real user (Browser) interactions and trends appearing in Synthetic monitors.

Distributed tracing

Isolate latency from the web browser through back-end services with distributed tracing. The UI helps you see the connection across across a full transaction, from browser activity, to time spent in network, to back-end activity.

Browser types

Explore your end users' experience with your app segmented by any types of browsers they use, including:

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

Get started with Browser

Follow these basic steps, and you'll quickly be up and running with Browser!

  1. Review the compatibility details and basic requirements for Browser monitoring.
  2. Install the Browser agent.
  3. View summary data from your Browser Overview page, then drill down into page load timing details and other UI data.
  4. Configure your alerts for key performance data, or use our Applied Intelligence solutions to reduce alert noise, correlate incidents, and automatically detect anomalies.
  5. Query and visualize your default data (or customize your own), then analyze what that data says about your business.
  6. Customize and share your own charts and dashboards.

For more help

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