Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>The advice you quote is almost certainly inspired by an article written by a member of the IE Team about <a href="http://msdn.microsoft.com/en-us/library/bb250448(VS.85).aspx" rel="nofollow noreferrer">memory leaks in (unsurprisingly) IE</a>, specifically the section concerning the "DOM Insertion Order Leak Model". Two points are worthy of note:</p> <ol> <li>The article was written in 2005 specifically to address leak issues in IE 6 - IE 7 hadn't even been released at the time;</li> <li>It is solely concerned with IE; there is no suggestion that any other browser suffers from the same problem.</li> </ol> <p>According to <a href="http://blogs.msdn.com/ie/archive/2008/08/26/ie8-performance.aspx" rel="nofollow noreferrer">a 2008 post on the IE Team blog</a> (under the subheading "Memory Management Improvements"), IE 7 included improvements to prevent such leaks persisting for the lifetime of the browser window, and IE 8 contained further improvements to hopefully eliminate any need to be concerned about this matter.</p> <p>So the question you need to ask is: how much of an issue is IE 6 for you? At the end of the day, order of DOM insertion should never have been something to be concerned about, but if (for example) you are working on an intranet app that will be used on IE 6 for some time to come, then you should take note of the points in the 2005 article. If you have the luxury of knowing that IE 6 is scarcely a blip on the radar for your app, then don't worry about any of it.</p> <p>Oh, and note that appending everything to the parent <em>before</em> appending the parent to the page will provide better performance: rather than having to do a reflow and repaint each time a new child is added, the browser can do one reflow and repaint when everything arrives in one tidy chunk.</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload