Measuring web app runtime performance, only for Chrome browser
Let’s summarize the metrics that you must track, in order to measure the runtime performance of a web application
This event is fired once all of the document’s resources (images, CSS, JavaScripts, …) have been fully loaded
This allows us to understand how much time is needed until your user sees something on the screen
This event is fired when all of the page’s DOM content has been loaded and parsed
The total time from the beginning of the request until everything is finished, including scripts’ processing
Helps us ensure that we are requesting a page without any cached resources
This is basically a way to measure latency
Total requests, # of css files, # of javascript files, …
v1.0.1
You need Gulp installed globally:
$ npm i -g gulp$ git clone https://github.com/ksankumar/measure-performance<script type="text/javascript" src="lib/performance.js"></script>performance.init(delay); //5000* delay - measure the performance with specific time delay, default 2 sec (1000 = 1sec)
Add performance.js in end of the <body></body>
End of course ksankumar is open source with a [public repository][ksankumar] on GitHub.
MIT
Free Software, Santhosh Kumar Krishnan!