问题
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?
回答1:
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
回答2:
Firebug's profiler & net tab can be helpful. Chrome has similar functionality in their developer tools.
For Internet Explorer you could use dynaTrace.
回答3:
I've found that "Page Speed" for Firefox is a great plugin, and dynaTrace is definitely the best if IE6 is required.
回答4:
YSlow will help you with Firebug and as previously mentioned dynaTrace is your best bet for IE.
回答5:
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
来源：https://stackoverflow.com/questions/1782438/measure-page-rendering-time-on-ie-6-or-ff-3-x