Display w3c navigation timings for any web page

I’ve been trying to find a tool that will display all the w3c navigation timings for any web page that I might be browsing. I was surprised when I didn’t find it in Chrome dev tools (really?) nor in speedtracer nor in the format I wanted available Chrome extensions (*hint: product opportunity for someone).

I actually considered writing a Chrome extension myself to show the web performance data from the navigation timings for any web page for a whole afternoon while I was creating my first “Hello World” extension, but I would be slow trying to learn the necessary javascript and messaging protocol Google requires for the extension.

And then I came across this “adorable” bookmarklet from @kaaes that does just that.
breaking_down_onLoad

All you have to do is drag the bookmarklet to your bookmarks and click it for any web page you are browsing and voila!

w3c_nav_timings

So far, this is the handiest tool I have found to get a quick glimpse at the nav timings for your website. These web performance timings are becoming the defacto standard and that will be even more true when browsers support the forthcoming resource timings (thus giving us the waterfall report as well).

Hope you find this a useful bit of kit for your web performance tool belt.
And a shout out to @kaaes for sharing this with everyone!

Ken

Leave a Reply

Your email address will not be published. Required fields are marked *