W3C resource timing metrics

Most modern browsers provide performance metrics for important steps involved in loading pages, such as domain lookup (DNS), establishing connections to HTTP servers (TCP), and securing connections (SSL). The AppMon JavaScript Agent can automatically collect those metrics.

The W3C specification contains detailed information about the way browsers have to calculate those metrics. See http://caniuse.com/nav-timing for a current list of browsers supporting the API.

W3C Resource Timings

AppMon collects all W3C navigation timing metrics by default in all supported browsers by default. You can disable it, by de-selecting the Capture resource information check box, under System Profile > User Experience > tab for the required application > W3C resource timings

User Action PurePaths

Resource timing overview data is visualized in the Page Performance dashboard, while details are visible in the details of page or frame load actions in the User Action PurePaths dashlet. A waterfall visualization of the durations of different steps involved in loading a page is provided in the Timeline column, as shown in the following graphic.

See Web Performance Optimization for UEM for more information about setting up UEM to produce full waterfall charts.

Measures

The available measures are based on metrics provided by the resource timing API.

Resource timing steps

The following measures are used to chart the duration of specific steps in the page loading process.

Measure Description Definition in terms of W3C specification
DNS Time spent or resolving domain names. window.performance.domainLookupEnd - window.performance.domainLookupStart
Connect Time spent establishing a socket connection from the browser to the web server. window.performance.connectEnd - window.performance.connectStart
SSL Time spent establishing a secure socket connection from the browser to the web server. window.performance.connectEnd - window.performance. secureConnectionStart
URL Redirection Time spent following HTTP redirects. window.performance.redirectEnd - window.performance.redirectStart
Request Time spent waiting for the first byte of the document response. window.performance.responseStart - window.performance.requestStart
Response Time spent downloading the document response. window.performance.responseEnd - window.performance.responseStart
Total Time between the response being delivered and the OnLoad event. window.performance.loadEventEnd - window.performance.domLoading

Resource timing landmarks

The following measures chart the total time from a user clicking a link or button until the browser reaches a specific point in the resulting page loading process.

Measure Description Definition in terms of W3C specification
Request Start Time until the document request can be sent. This includes DNS, connect, SSL, and URL redirects. window.performance.requestStart - window.performance.navigationStart
Document Fetch Done In addition to everything until Request Start, this includes the time until the document (HTML) completely downloads from the HTTP server. window.performance.responseEnd - window.performance.navigationStart
Document Interactive Time until the document becomes interactive. This includes all steps completed for Document Fetch Done. window.performance.domInteractive - window.performance.navigationStart

The following example timeline illustrates the Previously described measures.

Visualization of Measures
Visualization of Measures