I am wondering for benchmarking purposes if there is a DOM event or other way to determine when the browser has finished parsing/rendering the CSS. I'm trying to optimize CSS selectors and need a way to measure the drawing/rendering/reflowing times.
Asked
Active
Viewed 227 times
1 Answers
2
If you are using Chrome/Chromium there is a built in profiler which includes rendering. This is what it looks like when run on this page: https://i.stack.imgur.com/J1PQi.png
Press Ctrl-Shift-J to access the developer tools in Chrome.
I'm sure that Firebug has something similar for Firefox.
kcbanner
- 4,050
- 1
- 25
- 18
-
Although, if this is in firebug, I've never seen it. – Ben Crouse May 26 '10 at 15:17
-
Paint info in Firebug: https://addons.mozilla.org/en-US/firefox/addon/firebug-paint-events/ – Dean Burge Jan 18 '11 at 10:58