Comments on: Reflows & Repaints: CSS Performance making your JavaScript slow?

By: Javascript et l’utilisation de la propriété offsetWidth | Blogue Nmedia Solutions

Fri, 06 May 2011 19:12:16 +0000

[...] Voici l’explication trouvée par Tommy dans sa version originale : “ You just caused two reflows to happen, since asking for offsetWidth forced the element to reflow in … [...]

By: 页面重构应注意的repaint和reflow | WEB Development

页面重构应注意的repaint和reflow | WEB Development — Sat, 02 Apr 2011 00:47:12 +0000

[...] 2. Repaint, reflow/relayout, restyle 3. Reflows & Repaints: CSS Performance making your JavaScript slow? 4. Repaint 跟踪浏览器的渲染[如果你的FF是3.5beta+监听网页的重绘情况] [...]

By: 【转自蓝色理想】页面重构应注意的repaint和reflow « tysonpan.com

【转自蓝色理想】页面重构应注意的repaint和reflow « tysonpan.com — Mon, 28 Mar 2011 16:13:36 +0000

[...] 2. Repaint, reflow/relayout, restyle 3. Reflows & Repaints: CSS Performance making your JavaScript slow? 4. Repaint 跟踪浏览器的渲染[如果你的FF是3.5beta+监听网页的重绘情况] css, [...]

By: miriam

miriam — Mon, 13 Sep 2010 17:13:29 +0000

Already bookmarked this is detailed post for any web-designers need. simply thanks and youtube vid link is excellent.

By: Dealing with device orientation (Mobile web part 6) | David B. Calhoun – Developer Blog

Tue, 24 Aug 2010 08:42:04 +0000

[...] As it turns out, orientationchange is only fired AFTER the screen has been rotated (which also triggers a CSS reflow), which means this attributed is updated later (after the reflow). And unfortunately editing this [...]

By: Using mobile-specific HTML, CSS, and JavaScript (Mobile web part 5) | David B. Calhoun – Developer Blog

Thu, 19 Aug 2010 00:10:16 +0000

[...] problem with this is that like everything else in CSS, these styles only get applied when a reflow is triggered. Counterintuitively, rotating the device does NOT trigger a reflow (tested on iOS 4), so a fix for [...]

By: Charles Bryant's Decoupled Logic » Yo! Check My Reflow

Charles Bryant's Decoupled Logic » Yo! Check My Reflow — Thu, 01 Jul 2010 12:03:22 +0000

[...] http://www.stubbornella.org/content/2009/03/27/reflows-repaints-css-performance-making-your-javascri... [...]

By: Webstandard-Blog

Webstandard-Blog — Tue, 11 May 2010 07:10:48 +0000

Great stuff! Thx for sharing those css & javascript performance informations!

By: Jon Raasch

Jon Raasch — Thu, 01 Apr 2010 14:36:42 +0000

Great thanks for this article. I got linked to it on Stack Overflow, and it really does a great job of demystifying the differences between repaint + reflow.

By: Jacob Fogg

Jacob Fogg — Thu, 18 Mar 2010 18:15:57 +0000

Great article! I can concur with what one of the commenter’s said about large sprites and animations. I had my rounded corners and shadows in a sprite with many other elements on my site. the animated panels were very choppy. I dropped just the corners and shadow into a sprite on it’s own, and the results were visible. Now, I am just using HTML 5… I know < IE8 doesn't support them, but I figure it's a sacrifice that's worth while.