Welcome to speedy.js, a minimalist script (less than 3 KB) that renders page timings at the top of the page.

Here is a basic example :

Live demo available [here] (http://cybermaxs.github.io/speedy.js/) (content doesn't matter, it is automatically generated by Github)

[Performance is a feature] (http://blog.codinghorror.com/performance-is-a-feature/) and everybody in your company should be educated and involved in this topic. This script will allow everybody to have a quick overview of the timings. It's definitely a good idea idea to use it during dev/staging environements.

Tip : you may find it also very useful for mobile web dev as Navigation Timing API is supported by most of browsers.

#How to install You can download the dist version included in this repo or use bower to install this component.

>bower install speedy.js

In the current version, speedy.js is not intrusive : You just have to include it somewhere in you page. speedy.js will wait for the load event or run immediatly if the document is already fully loaded.

<script src="PATHTOSPEEDY/speedy.min.js"></script>

Important Note : this script has no prerequisites and don't download external resources.

#Can I use ... ? Navigation timing is not currently supported by all browsers. You can check requirements [here] (http://caniuse.com/#feat=nav-timing)

Here are the main results :

• Internet Explorer 9
• Firefox 7
• Chrome 6
• Safari 8
• Opera 15
• iOS Safari 8
• Android browser 4
• Opera Mobile 22
• Blackberry 10

#More info

• [HTML5 Navigation Timing API] (http://www.w3.org/TR/navigation-timing/)
• [HTML5 Resource Timing API] (http://www.w3.org/TR/resource-timing/)

• @kaaes : author of http://kaaes.github.io/timing/