On this page:
On this page:
Browser RUM supports virtual pages created using the AngularJS framework, sometimes known simply as Angular. The individual Views (a meaningful non-transient UI presentation) that the user sees are referred to as virtual pages. In AngularJS, a virtual page is comprised of the rendered template of the current route in the context of the main layout file.
AngularJS applications that have multiple Views use a route to move from one virtual page to another. You can use AppDynamics Browser RUM to instrument any virtual page that uses either of two routing engines,
Because virtual pages are constructed in the browser, normal page view metrics must be adjusted. In essence, what a metric for AngularJS must do is correlate the time between various routing events, using their timestamps. Metrics are calculated as follows:
|Full Metric Name||Short Metric Name||How Calculated|
|End User Response Time|
(not used for waterfall UI)
|PLT||virtualPageStart to virtualPageEnd|
|HTML Download Time||DDT||viewChangeStart to viewChangeEnd|
|HTML Download and DOM Building Time||DRT||viewChangeStart to viewDOMLoaded|
|DOM Building Time||DPT||viewChangeEnd to viewDOMLoaded|
|DOM Ready Time|
(used instead of PLT for waterfall UI)
|DOM||viewChangeStart to viewDOMLoaded|
Because the two routing engines function in slightly different ways, what the AppDynamics event consists of differs slightly, based on the engine.
|AppDynamic Event Name||ngRoute Equivalent||ui-router Equivalent|
|viewFragmentsLoaded||load time of the last HTML fragment|
|xhrRequestsCompleted||response time of the last XHR requests|
|viewResourcesLoaded||load time of the last resources|
|virtualPageEnd||the latest one among |
Visualized the page load process looks something like this:
Compare these to the standard page metrics, which are shown here.
adrum.js, to the page:
Since there isn't a regular HTML page timing to which correlated server timings can be linked, to see server times you must drill down from the Dashboard or Snapshot virtual page view to the component XHR requests. The server times can be seen there.