title: Does display:none still use performance of rendering
body: <p>Lets say i have markup such as this</p>
  
  <pre><code>&lt;div style='display:none'&gt;
      &lt;!--Flash Object--&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Would the browser still use resources to load the Flash object, Or would it be delayed till a javascript call is made to switch the <code>dislplay:block</code>;</p>
  
  <p>Now please bear in mind I am not talking about loading the object. I am talking about rendering it. The reason why i clarify this is because if I change the flash object to an <code>img</code> tag it would still download the resource.</p>
  
  <p>The main reason behind this is <code>responsive css design</code> its all well and good changing your website to a css layout to suit the screen but rendering resources takes time and im not sure how browsers handle resources that are downloaded just not rendered.</p>