SPA1 and SPA2 Monitoring

Until 4.4.3, Browser RUM only provided auto-instrumentation for AngularJS 1 SPA applications. For other frameworks, you had to manually report events with the JavaScript Agent API. This limited auto-instrumentation for SPA is known SPA1 monitoring.

From JavaScript Agent >= 4.5.16, Browser RUM has been certified for Angular 1-9 (as well as Angular 12 with JavaScript Agent 21.12.0). This support for the auto-instrumentation for all SPA frameworks is known SPA2 monitoring.

This table describes the support for SPA1 and SPA2 monitoring:


SPA Monitoring Version	Auto-Instrumentation	Metrics	JavaScript API
SPA1	AngularJS 1 only	Base / Virtual Pages: Browser RUM page timing metrics Ajax Requests: All available Ajax metrics	Yes
SPA2	All SPA frameworks. Auto-instrumentation is certified for the following frameworks: React Angular 1-9 (JavaScript Agent >= 4.5.16) Angular 12 (JavaScript Agent >= 21.12.0) Vue (JavaScript Agent >= 24.4.0)	Base pages: Browser RUM page timing metrics, including End User Response Time (EURT), Visually Complete Time (VCT), and Page Complete Time (PCT). Virtual Pages: End User Response Time (EURT), Visually Complete Time (VCT). Ajax Requests: All available Ajax metrics	Yes

Which SPA Monitoring to Use?

In general, you are highly recommended to use SPA2 monitoring. For most applications, the JavaScript Agent using SPA2 monitoring identifies the SPA transitions deterministically and captures the metrics and resources correctly without you having to write any special configuration or call methods from the JavaScript Agent API. If your SPA applications are built with AngularJS 1, you can simply add some configuration to enable auto-instrumentation.