title: Too Many DOM Elements
body: <p>I am building a one page webapp and it's starting to get pretty big. There are several components to the app, each one meticulously styled. On average the app has a DOM element count of 1200+. I have been warned by my YSlow scan that this is too many, and that I should have no more than 700 DOM elements.</p>
  
  <p>I am usually quite strict and efficient with my markup and I doubt I would be able to trim much off. I tend to use a lot of DOM elements to get the styling exactly right and working cross browser. </p>
  
  <p><strong>How can I dramatically cut the number of DOM elements?
  Will I have to load more of the content on demand (ajax) instead on all on page load?
  Does a large amount of DOM elements have a big impact on performance?</strong></p>
  
  <p>I would love to hear people's experience with this and any solutions you may have...</p>