It was just a month ago that I penned a blog post announcing the public beta of New Relic Browser’s Single-Page Application (SPA) monitoring. Today, I couldn’t be more excited to share with you that SPA monitoring is now in general availability for all New Relic Browser Pro subscribers.

Leveraging your beta feedback

In July, New Relic announced that we had taken a unique and deeply technical approach to providing SPA monitoring. We went beneath the framework, monitoring JavaScript execution and observing all the activities and AJAX calls involved in a route change. This approach means we are framework agnostic, offering deep visibility into the timings of a route change, and with unprecedented levels of customization through our API.

It’s no surprise then that nearly half of New Relic Browser customers have already explored the SPA monitoring public beta. Those users have monitored more than 12 billion page loads, route changes, and AJAX requests. That’s 12 billion views into the end user experience, surfacing inefficient JavaScript, slow endpoints, and heavy page loads so they can be fixed and improved.

Even better visibility to troubleshoot your SPAs

Today, as we leave beta and go into general availability, we have more news to share. Based on the great response we’ve gotten during the beta period, we’ve added even more new features designed to provide quick insights into actionable data.

AJAX Time Series Charts

First, we’ve added a Time Series chart to the AJAX Breakdowns tab, detailing the percentage of total time for the top five AJAX requests or custom timed elements in each page load and route change. This is intended to help you quickly identify the top AJAX calls impacting your page loads and route changes.

New Relic Browser SPA monitoring screenshot

[click to enlarge]

Faceting and grouping

Custom faceting and grouping allows you to group SPA Page views by any attribute, such as browser type (user agent), country, or even user name (if instrumented as a custom attribute). So, if you quickly want to see a breakdown of your slowest web browsers, countries, or device types for your pageload/route changes, you can get it with just a click.

New Relic Browser SPA monitoring screenshot

[click to enlarge]

Filtering and previewing

We’ve also added Filtering, which is designed to let you quickly drill into many of the different attributes noted, so you can more rapidly isolate that data around any performance issues. We’ve even embedded a quick preview of the throughput for each of the filters so you can see the key data points to focus on.

New Relic Browser SPA monitoring screenshot

[click to enlarge]

Additional refinements and features

  • Page loads and route changes have been combined when faceting! You’ll now see all your page loads and route changes combined into one item in the SPA Page views bar chart list, instead of two for every facet (or group). From there, click in to see separate page-load and route-change response-time charts.
  • We’ve enhanced the Custom Tracer API capabilities, bringing these custom timed elements into the Breakdowns tab for route change/page load detail. You’ll also find these custom timed elements of your page loads and route changes in the new BrowserTiming event in Insights.
  • SPA Views and legacy Page views are now together! We’ve collapsed our new SPA feature with the legacy Page views feature into a single item in the navigation. You can still find the Page views feature you’ve always used, but we think you’ll find yourself using the new SPA Views feature almost exclusively!

SPA performance gains over 90%

We’ve built an actionable, powerful, and customizable SPA monitoring experience. Bionic Advertising Systems, one of our private beta customers, has been able to use this new SPA visibility to go deep into its applications and identify the areas in greatest need of improvement.

“We immediately went to work highlighting what we called the ‘Top Ten’ or ‘Ten Most Wanted.’ In other words, the areas of the application that were the worst performers,” said John Swindell, vice president of operations at Bionic. “Using Browser, we were able to identify the root cause of each problem and set about making adjustments—all of which made a massive difference in terms of the responsiveness of the application.”

This effort resulted in extremely meaningful performance gains for Bionic. Some pages of Bionic’s apps now run up to 93% faster than they did before!

We recently sat down with Bionic to learn more about how the firm was able to realize these kind of results, and the impact that the improved customer experience has had on its business. You can read more about Bionic’s use of New Relic Browser in this case study.

Get started with SPA monitoring today

If you’re ready to take your real user monitoring to the next level with SPA monitoring from New Relic, join me for a free webinar on Thursday, August 11th, at 10 a.m. PT (1 p.m. ET). We’ll discuss the rise of Single-Page Apps, the challenges and opportunities they offer for real user monitoring, and we’ll walk through the new capabilities from New Relic Browser. If you can’t make the live broadcast, we’ll also have the webinar recording available on demand. Click here now to register and learn more!

 

Note: Event dates, participants, and topics are subject to change without notice. 

Jeff Martens is a Portland-based Product Manager, leading the New Relic Browser offering. Prior to his role on the New Relic Browser team, he served as a Product Manager for New Relic Insights. View posts by .

Interested in writing for New Relic Blog? Send us a pitch!