If you run a website or web application, you know they constantly evolve. Development teams introduce new components, features, and services at a blistering rate in order to modernize their apps, bring new ideas to market, or simply improve based on customer feedback. While change is essential, it can lead you to introduce new bugs and errors into your site, especially when you move fast. These bugs and errors can impact functionality and performance, and ultimately lead to customer dissatisfaction, abandonment, or lost revenue.
Read on to learn about the improvements we’ve made in this update.
Use error messages, filters, and groups for quick context into errors
When you discover an error, you need to understand its impact: Is the error occurring on your most widely trafficked browsers? Is it present on the devices your customers use the most?
Previously, we grouped errors by stack trace, but now, by default, we group errors by error message. However, you can also sort and group errors based on the attributes that are most important to you; for example, you can group by device type, browser, or URI.
For context into the overall impact of an error, use New Relic Browser to filter and facet on the error. Select an attribute from the Group By list, and isolate errors by that particular attribute (for example, error message, device type, error class, request URI, or user agent name). Add a filter to your groups, and combine attributes and dimensions to segment errors by frequency of occurrence or based on the attributes most important to your digital business. Groups and filters provide quick and powerful means to gain context into your most critical errors, so you can decide which one to fix first.
We’ve also added two new charts: one displays the top five errors by error message (also sortable by attribute), and the other shows page loads with errors sorted by browser type. Additionally, error profiles, which use New Relic’s applied intelligence, identifies what’s unusual about an error or a set of errors.
Use charts to dive deeper into errors
When you select an error to investigate, New Relic Browser charts provide detailed information about error occurrence based on browser and device type and where the error is most common, helping you get a full understanding of the error.
For each error, we capture basic device and browser level attributes to show you why an error might be occurring on one browser or device and not another. Use the request URI to see the exact page where an error occurred, and identify and monitor errors that are common across multiple page groups. New Relic Browser displays request URIs based on time window, and they are filterable.
Reproduce errors from event log data, and dig to the root cause with stack traces and source maps
In addition to event logs, use stack traces and source maps to pinpoint the filename, line of code, function, or method that threw the error.
- Filter and group errors, and review error profiles to narrow down the scope of an error.
- Use Browser charts to learn about affected browsers and device types and determine the request URI to isolate the error.
- Finally, use the Event Log to reproduce the error locally, and use source maps and stack traces to find the exact line of code, method, or function that’s throwing the error.