Does An Html Element Absolutely Positioned Outside Of The Viewport Area Affect The Performance Of Repaint?

For example, if I have a

with style: position: absolute; width: 100px; height: 100px; left: -10000px; top: -10000px; When a repaint of the viewport happen, there is so

Solution 1:

Simple answer - yes.

Even though you can't see it, it still has to be rendered into the DOM as you say.

People do this a lot then do some fancy animation to bring it into view. The thing to ask is is there a difference between rendering the whole DOM in one hit or would you save time by rendering each bit, when requested with AJAX ?

It depends on the complexitity of the content in your 'hidden' section(s)...

Edit: Try using Fiddler : http://www.telerik.com/fiddler : this will allow you to see what is taking time to load on your pages...

Share