CODEWITHSUNDEEP
javascriptperformancedojo
Ryan Fernandes
Ryan Fernandes

Reputation: 8526

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?

Upvotes: 2

Views: 2586

Answers (5)

Joeseph
Joeseph

Reputation: 21

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

Upvotes: 2

orip
orip

Reputation: 75437

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

Upvotes: 5

peller
peller

Reputation: 4543

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

Upvotes: 0

kls
kls

Reputation: 516

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

Upvotes: 0

Caleb
Caleb

Reputation: 9458

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

For Internet Explorer you could use dynaTrace.

Upvotes: 3

Related Questions