Web Debug

Fix broken web applications, from servers to clients.

what is browser reflow

Reflow is the name of the web browser process for re-calculating the positions and geometries of elements in the document, for the purpose of re-rendering part or all of the document. Because reflow is a user-blocking operation in the browser, it is useful for developers to understand how to improve reflow time and also to understand the effects of various document properties (DOM depth, CSS rule efficiency, different types of style changes) on reflow time. Sometimes reflowing a single element in the document may require reflowing its parent elements and also any elements which follow it.

Minimizing browser reflow

By Mozilla

http://www-archive.mozilla.org/newlayout/doc/reflow.html

Minimizing browser reflow

By Lindsey Simon

https://developers.google.com/speed/articles/reflow

Browser Reflows & Repaints; How do they affect performance?

By ajaxian.com

http://ajaxian.com/archives/browser-reflows-how-do-they-affect-performance

Fork me on GitHub