measure page rendering time on IE 6 or FF 3.x

Question

I have a page constructed using Dojo and I need to measure how long the page takes to complete rendering on my browser (NOT time-to-first-byte, or time-to-last-byte).

In other words, the page (all bytes) might get downloaded to my broswer but the components I'm using (eg. calendar, grid etc) might still initialize and render long after the complete page has been downloaded.

Are there any tools that would allow me to measure when the page and all its components have completely rendered, reliably?

Answer 1

YSlow will help you with Firebug and as previously mentioned dynaTrace is your best bet for IE.

Answer 2

I've found that "Page Speed" for Firefox is a great plugin, and dynaTrace is definitely the best if IE6 is required.

Answer 3

Can you just do a dojo.connect to a method like postCreate on one of your widgets and get a timestamp?

dojo.connect(dijit.byId("myCalendar"), "postCreate", function(){ console.log(new Date() - start); });

where 'start' is a global declared in a SCRIPT block in HEAD?

-Adam

Answer 4

Firebug's profiler & net tab can be helpful. Chrome has similar functionality in their developer tools.

For Internet Explorer you could use dynaTrace.

Answer 5

For render times in Firefox try Google Page Speed.

EDIT: in Chrome try the new Google Speed Tracer (Chrome 4 and up), it's amazing