Introduction to New Relic Browser

Browser Overview:

Your website's performance at a glance

For both Lite and Pro subscriptions, the Overview summary charts show:

• Page load timing
• Comparative Apdex scores for browsers and app servers
• Throughput by browser type

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.

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

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

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

Page views:

Insights into your site's popularity

Drill down into detailed information about:

• Top webpages viewed (with URL-based metrics)
• Timing and throughput details
• Links to session traces (Pro)

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.

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.

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

Geography:

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.

Browsers:

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.

Settings:

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.

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:

• Run custom queries of your data using a SQL-like query language.
• Create custom dashboards of your data.

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.