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

views:

449

answers:

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

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?

+2 A:

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

For Internet Explorer you could use dynaTrace.

Caleb 2009-11-24 04:26:30

Thanks Caleb. AFAIK, Firebug's profile doesnt really do page render time too well...Will try dynatrace and let you know. Will accept this answer in a day or two if dynatrace works for us.

Ryan Fernandes 2009-11-24 04:59:39

Would the page rendering time = page load time - network time; ?I ask this because rendering time shown is really small (<100ms) which does not corelate with what we actually see on the browser.

Ryan Fernandes 2009-11-25 13:49:18

I cannot accept this answer because page rendering time cannot be inferred from either page load time, page render time or any computation between the same.

Ryan Fernandes 2009-11-27 05:23:31

And wow, the dynaTrace logo is insane: a turtle on wheels wearing a Santa Claus hat with a burning firecracker tied to its back.

Roman Stolper 2009-12-13 08:56:04

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

kls 2009-11-24 14:38:58

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

peller 2009-11-27 23:31:35

+2 A:

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

orip 2009-11-30 23:17:57

What exactly does this tool measure? Dijit does much of its processing (e.g. the parser) after the DOM has rendered (DOMContentLoaded/onLoad)

peller 2009-12-02 03:10:51

Page Speed's "Record Activity" records any time frame you want. http://code.google.com/speed/page-speed/docs/using.html#activities

orip 2009-12-02 06:50:29

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

Joeseph 2010-10-05 17:02:02

ansaurus

tags:

views:

answers:

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

related questions