Javascript unpacking resource archive on client?

Question

JavaScript

I recently discovered that some Flash / FLEX toys use a simple and effective optimization when loading - all graphic resources (heaps of pictures) are packed into zip packages, and then they are used on the client already from the archives (I think games are unpacked into memory during loading). This saves a lot of requests to the server. So I'm wondering if it's possible to do the same in the html5 toy where js+canvas+indexeddb is used.
I think many will suggest using sprites to save requests, but this is not an option when all graphics can take up to 50mb.
I also know about packaging html / text to png and unicode text + lzw (gzip) - but this is a bit not the case.
In general, the task is to load all the resources in several packages that are cached and use them from these packages or, as an option, correctly unpack them into the cache (I think not really) or into the local database, but this is an obvious perversion.

Answer 1

You can use gzip compression on your server and something like an asset pipeline. It will be much more efficient.
You can also try to unpack using: developer.mozilla.org/en/javascript_typed_arrays , but here you need to look for a port of zlib or something in javascript.