javascript - measure page rendering time on IE 6 or FF 3.x - Stack Overflow

admin管理员组

文章数量:1312985

I have a page constructed using Dojo and I need to measure how long the page takes to plete 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 ponents I'm using (eg. calendar, grid etc) might still initialize and render long after the plete page has been downloaded.

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

I have a page constructed using Dojo and I need to measure how long the page takes to plete 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 ponents I'm using (eg. calendar, grid etc) might still initialize and render long after the plete page has been downloaded.

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

• javascript
• performance
• dojo

Share Improve this question Follow asked Nov 23, 2009 at 11:04 Ryan FernandesRyan Fernandes 8,53677 gold badges3838 silver badges5454 bronze badges

Add a ment  | 

5 Answers 5

Sorted by: Reset to default 5 +100

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

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

For Internet Explorer you could use dynaTrace.

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

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

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

本文标签： javascriptmeasure page rendering time on IE 6 or FF 3xStack Overflow