What makes New Relic Browser so dominant? We believe its popularity and usage depend on three factors:
It’s built with modern web experiences in mind.
It’s closely integrated with the larger New Relic platform, particularly New Relic APM.
It’s easy to set up, and its time to value is immediate.
1. Built for the modern web experience
Built specifically with developers and ops professionals in mind, Browser provides quick, at-a-glance feedback to help developers make sense of user performance across dimensions, geos, and networks. Out of the box, developers can set alerts, establish baselines, and visualize page performance. However, Browser is essential for modern web experiences because of its:
- User-centric performance metrics
- Support for custom attributes
The internet has changed since the days of web 1.0, when pages were mostly composed of HTML and image files. Single page applications (SPAs) have grown in popularity because they provide a fast and responsive user experience, and they offer benefits like eliminating needless page reloads and HTML fetching when deployed.
User-centric performance metrics
For a long while, “page load times” as measured by the window.onload event was the standard for most RUM products—Browser included. But such metrics don’t clearly answer questions like “How fast is our site?”
User-centric performance metrics like first paint and first contentful paint—recently released by Browser—tell a more complete picture of the end-user experience and better help answer questions like “How much time passes before users see content?” and “How much time passes before users can interact with elements on the page?”
From a user perspective, these metrics help answer questions like those posed by Google Chrome Engineering Manager Addy Osmani in his widely read blog post, Web Page Usability Matters: “Loading a page is a progressive journey with four key moments to it: Is it happening? Is it useful? Is it usable? And is it delightful?” Using first paint and first contentful paint metrics in Browser gives you a much more precise way to measure the exact moments when your users perceive that your site has started to render content, which is what really matters to them.
AJAX is an important client-side tool for developers who want to provide a fluid, satisfying user experience. With AJAX, developers can build web pages to dynamically update content by sending and receiving data from the server asynchronously without having to reload an entire page.
As described in our documentation, Browser’s AJAX page shows recent AJAX requests from browsers to external endpoints, such as HTTP or HTTPS domains. This information helps identify problems with your users’ experience when you have time-consuming or failing AJAX calls that update parts of a webpage on your site. For example:
- Timing problems: Total time percentages, throughput requests per minute (rpm), and average data transfer rates per request can help identify timing problems.
- Endpoint problems: Status codes related to the requests provide information about the return behavior from the call. A large number of non-200 status codes may indicate a problem with your AJAX endpoints.
- Specific webpage location problems: If applicable, related session traces allow you to explore AJAX problems within the context of the page where they are loaded.
When you need to prioritize and recreate JS errors, Browser is an invaluable tool. With JS error handling, you can sort errors based on segments that matter to your business—helpful when determining error impact and remediation priority—and use applied intelligence to layer additional context into specific errors and identify the stack trace, individual URI, and specific steps that led to an error. For engineers who need to recreate errors locally, these capabilities are invaluable.
Support for custom attributes
- User information (conversion info, login ID, and account name)
- E-commerce transaction information (cart size and order value)
2. It’s one part of the larger New Relic experience
Metrics gathered from RUM allow you to tell useful and powerful stories about your websites. But when you connect those stories to what you know about the rest of your software stack—from the infrastructure layer to the microservices powering your application—that’s when you can fully understand the impact of each change or enhancement and how they shape your end users’ experience.
Our main users are developers and operations professionals who often rely on monitoring to troubleshoot issues and identify problems; they need to easily navigate from real user monitoring to the application layer to the infrastructure layer in as few clicks as possible. When we talk to New Relic customers, we often hear about “major wins” that reinforce the value of the entire platform. One customer, for example, recently told us: “A home run for us was simply that we could see the frontend and compare it with the backend.”
Browser integrates with the rest of the New Relic platform in a number of ways. For example, you can easily connect into all transaction traces associated with an HTTP request to quickly troubleshoot transaction errors. Or by aligning your RUM data from Browser with the data available in New Relic Synthetics, you can better understand your lab data as it compares to your field data, benchmark your competition, and proactively eliminate outages and poor performance before your customers notice a problem.
If you build and manage microservices, New Relic’s distributed tracing will help you identify latency more quickly across distributed systems and better isolate latency between your frontend and backend services. As New Relic expands distributed tracing to capture transactions in web browsers and mobile devices, you’ll be able to gain context more quickly and resolve issues faster than ever before.
3. It’s easy to set up and recognize immediate value
“Having worked with other RUM solutions, I know how challenging they can be to configure. I’ve seen customers in my previous roles take weeks to get their pages instrumented,” said Josh Rhinehart, a solutions consultant at New Relic. “It was nice to be able to install Browser and see data in minutes.”
To help you get started, here are two examples that you can copy and paste into the New Relic One chart builder:
Example 1: perceived performance metrics
SELECT average(timeToDomInteractive), average(firstContentfulPaint), average(firstPaint), average(duration) FROM BrowserInteraction TIMESERIES