title: Reference images from within a zip/tar file from html/javascript via library, possible?
body: <p>This may seem like a duplicate of a similarly worded question. However, a major difference will hopefully be made apparent.</p>
  <p>Not looking for space efficiency, but request efficiency. Lazy loading may satisfy this. However, for cases where contents need to be simultaneously shown for user experience as quickly as possible, lazy loading doesn't help.</p>
  <p><strong>Is it possible for the html server to serve a zip or tar file where the components are directly accessible?</strong> Library would behind the scenes do the following..</p>
  <ol>
  <li>Download the tar file on first access.</li>
  <li>Extract it and populate the cache.</li>
  <li>Return the cached element when called.</li>
  <li>Bonus points if the tar ball can be downloaded incrementally or behind the scenes with a background thread when the browser is idle but eagerly when the code requests its.</li>
  </ol>
  <p>Use case: Tar ball of 100 thumbnails which will be displayed as gallery on screen.
  Possible syntax may be:</p>
  <pre><code>&lt;img data-src=&quot;https://example.com/imgs.tar/img001.jpg&quot; class=&quot;tarload&quot; /&gt;
  
  &lt;script&gt;
     const obj = TarLoad()
     obj.observe()
  &lt;/script&gt;
  </code></pre>