title: Browser Performance display/visibility
body: <p>I am making a portfolio website and have a horizontal slider which will slide between each piece of work. Let's assume that there are 100 works and they are all graphically intensive and/or flash objects.</p>
  
  <p>Let's also assume that there will be a maximum of 4 works on screen at any one time.</p>
  
  <p>They are all in one large div which I manipulate with jQuery to modify the <code>left</code> property to move the <code>div</code>.</p>
  
  <p>On a high end machine it works nice and smooth but on for example a netbook, it's really choppy... or even on a slower browser.</p>
  
  <p>What I plan on doing is working out which works will be visible as they transition and show only them. I hope this will give a performance increase. However, I plan on setting the <code>visibility</code> property to <code>hidden</code> so the elements dimensions are still there. But, I am wondering would it be better performance wise to set the <code>display</code> to <code>none</code> and create a placeholder element instead of just hiding the work?</p>
  
  <p>What other ways could I increase performance on slower machines/browsers?</p>