This document discusses high performance web application lifecycles. It covers trends in continuous integration, automated web performance testing, and continuous monitoring in production. Metrics like page load time, resource timing, and third party content load time are discussed. The document also covers browser APIs like Navigation Timing and Performance Timeline that provide performance metrics, and how these can be used to analyze performance across builds and detect common problems. Limitations include lack of support in older browsers and inability to provide insight into JavaScript.
14. The Good Parts
For free with functional tests
Provides immediate feedback
Detects most common problems
To keep in mind
Timings not necessarily accurate
“Real World” Deployment is best
Needs cultural support
17. ... now without external dependencies
# of # of Total DNS Connect
Domains Resources Bytes [ms] [ms]
With Third Party Content 26 176 2856 Kb 1286,82 1176,09
Without Third Party
2 59 897 Kb 0,91 22,25
Content
19. onLoad Time Measurement
<html>
<head>
<script type="text/javascript">
var start = new Date().getTime();
function onLoad() {
var now = new Date().getTime();
var latency = now - start; alert("page loading time: " + latency);
}
</script>
</head>
<body onload="onLoad()">
……
22. Web performance specifications
• Navigation Timing
Timing Information on Page Loading
• Resource Timing
Performance information on individual resources.
• User Timing
Custom user actions or specific timings e.g.: getting a search result
• Performance Timeline
Unified API for accessing all this information
26. The Good Parts
Very detailed timing information
“No”effort to get data
Easy to find network-based problems
To keep in mind
Not supported in older browsers
Safari is not supported
No JavaScript insight
27. Polyfilling for older browsers
Page Load Time
Resource loading (except JS & CSS)
also works in Safari
Insight into JavaScript executions
Browser Error Reporting
Merge with “classical” analytics data