HTML5 Page Cache with pjax + Web Storage + Firebase
I was curious if anyone was using HTML5 features like the appCache or localStorage to create some kind of client side cache of rendered pages of a dynamic website, and then using a technology like Firebase or a WebSockets implementation to invalidate the cache.
It seems like this particular type of caching maybe hasn’t been explored enough?
Projects like Rails have taken full advantage of server side caching of pages and fragments of pages. They’ve even helped you do browser side caching with things like Etags. However, Etags still require a round trip to the server to get the Etag in the response.
Then there’s things like Cache-Control headers to tell your browser to cache pages. But Cache-Control doesn’t seem to be accessible from a javascript API to invalidate. And finally, there’s things like HTML5’s appCache and its manifest, but it seems more suited to store static assets.
Of...