Allows your WordPress site to leverage the awesomeness of the HTML5 Application Cache.
WP Appcache demo site: wp-appcache-demo.haveposts.com
This plugin allows your site to make use of HTML5's Application Cache.
The HTML5 Application Cache is supported by almost all browsers (save for IE9 and below). When a site uses it, visitors' browsers download (or cache) content from that site into memory. Entire pages can be downloaded and stored. The browser will then load the cached pages from memory ahead of trying to contact the server.
This means that pages load incredibly quickly (sometimes less than 100ms). Once a page has loaded, the browser will then perform a background check to see if any content has changed on the site. If it has, that content is automatically loaded into memory too. Any cached content is available offline. In the case of a user browsing your site on a mobile device, they will still be able to view any content from your site (that they have already viewed) at lightning speeds. Even with a poor connection.
The important drawback to note here is that the cache is consulted before the server. This means that if content has changed, it won't be immediately reflected (the user would have to refresh again). However, this plugin has discreet workarounds to mostly prevent this happening.
This plugin takes a pragmatic approach and doesn't include any files in the manifest. It therefore only uses implicit caching. This means caching anything that the user actually visits. This may be improved upon in future releases.
This plugin also makes use of the WordPress Heartbeat API to continue background updates of the cache. This means that in the event of a user, for example, reading a post on your website. When you add a new post, the cache will be updated while they're reading and when they return to the homepage, the new post will appear (if you have posts on your homepage of course).
- Application Cache is a Douchebag by Jake Archibald [1]
- A Beginner's Guide to Using the Application Cache by Eric Bidelman
- JavaScript and Application Cache by James D Bloom
- Getting off(line): appcache, localStorage for HTML5 apps that work offline - John Allsopp [2]
[1]: The usefulness of this article sort of invalidates his point – knowing about the gotchas made the experience of building this plugin much more pleasant.
[2]: It was a workshop of John's at BDConf in Nashville that got me into all this. I also had the great opportunity of sharing my initial thoughts of how to use the Application Cache with WordPress effectively with John, over a beer!