Single page applications (SPAs) are web applications that load a single HTML page. The app dynamically updates without requiring a full page reload, in response to user interactions with the app, such as clicking a button or submitting a request.
Browser's SPA monitoring provides deeper visibility and actionable insights into real users' experiences with single-page apps. SPA monitoring is also valuable for any app that uses AJAX requests to pull content dynamically and create a fluid user experience.
In addition to monitoring route changes automatically, you can use Browser monitoring's SPA API to monitor virtually anything that executes inside the browser. This allows developers and their team to:
- 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 your data to assist with business decisions.
- Bring better apps to the marketplace more quickly.
Enable SPA monitoring
Analyze throughput and performance data
Improving on traditional industry standards for measuring page load timing, we give you a complete picture of the activity, both synchronous and asynchronous, associated with page loads and route changes.
SPA data monitored by Browser monitoring can include:
- Performance data and throughput for page loads and route changes
- AJAX request data
- Dynamic page updates, monitored using the SPA API
With this data, you will gain a clear understanding of how your users experience your app's page loads and route changes, and be able to solve bottlenecks and troubleshoot errors. For more about how New Relic handles SPA data, see Understand SPA data collection.
Browser SPA features
Here is a summary of SPA monitoring features:
|Single-page app monitoring||Take advantage of these features|
|Robust views in Browser's UI||
When SPA monitoring is enabled, the Page views page in Browser shows event-driven data about application usage levels (throughput) and user experience (performance), including:
For an explanation of how SPA monitoring will impact your existing Browser account's data usage, see SPA and Browser data usage.
|Data analysis with data explorer||The data explorer supports three SPA-specific event types:
|Customized data from API||Use SPA API to obtain the specific data you need, such as custom naming, custom timing,
For more help
Additional documentation resources include: