This document covers Browser Real User Monitoring's single-page applications (SPA) and the differences between base pages and virtual pages. 

This document contains references to third-party documentation. Cisco AppDynamics does not own any rights and assumes no responsibility for the accuracy or completeness of such third-party documentation.

What Is Single-Page Application?

single-page application (SPA) is a web technology and design paradigm that reduces browser-level page loads by using JavaScript to fetch resources and build pages. This creates a smoother, faster user experience more similar to a desktop or mobile application than a traditional web page. React and Angular are two popular JavaScript frameworks used to create SPAs.

Browser Real User Monitoring's single-page application (SPA) monitoring enables you to:

  • Monitor the performance/throughput of user experiences of SPAs.
  • Troubleshoot and resolve SPA problems within the context of the page load.
  • Enable developers to quickly ship better web applications to the marketplace.

Base Pages vs. Virtual Pages

When a user navigates to a SPA, the initial page download is considered the "base page." The base page includes the HTML skeleton, the core CSS, and the JavaScript framework for fetching and constructing new content. The ensuing pages are constructed from resources downloaded with the base page or fetched dynamically from the backend in response to user interaction. This new content (or views) constructed from different sources by the SPA are called "virtual pages."