Posts Tagged ‘Tester’

Javascript and DOM Load Time Tester with jQuery

Friday, August 14th, 2009

So I have been trying to figure out a really simple, easy way to test the load times of my Javascript in the page, and have ended up creating a simple load time tester using jQuery called jQTester.

jQTester

jQTester Displaying its results

This assumes you are using jQuery, and are running using version 1.3.1 – however it should work on most versions as the jQuery I am using is pretty lightweight.

The concept is simple – you have 2 files called start.js and end.js. Place start.js at the top, just after your <HEAD> tag, and place end.js just before </body>. Using javascript timers I am capturing the length of time between start.js loading, and the document.ready jQuery function running (when, all javascript and DOM elements should be loaded and ready to use).

(more…)