Javascript - Debug browser painting performance (like page scrolling!)

Oscar Brito



With chrome dev tools you can monitor/debug all browser painting methods. Just click on Timeline (Frames), then start a Record and scroll down to see what is going on.

On each timeline record you've information about Paint, Layout, Events, that may slow down your page.



LINK:
http://www.html5rocks.com/en/tutorials/speed/scrolling/



Visit www.divhide.com for more informations, contacts and news about Web Development.
See other blog posts at blog.divhide.com.



Divhide purpose is to follow the HTML5 movement and contribute with applications which prove the quality of technology.


Feel free to contact divhide.