title: Fastest way to load many images
body: <p>So I have single page web app that needs to load many images, they're all relatively small(30kb ish) but I have around a thousand of them. Right now im using a hidden div to load all of them when the user hits my website so they are all cached. What is the best way to do this? Currently it's like a thousand GET requests, would it be possible to somehow zip these and unzip them with js? Would it even make a difference to send them all in one GET?</p>
  
  <p>EDIT: 
   Not sure if I was clear or not but this is how i'm currently doing it</p>
  
  <pre><code>&lt;div id="hidden-div"&gt;
      &lt;img src="assets/blah.jpg"&gt;
      &lt;a ton more img tags&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>Just wondering if there is a better/faster way to do this?</p>