Implementing application cache manifest

HTML5 introduces application cache, which means that a web application is cached, and accessible without an internet connection.

Application cache gives an application three advantages:

1. Offline browsing - users can use the application when they’re offline

2. Speed - cached resources load faster

3. Reduced server load - the browser will only download updated/changed resources from the server

Appcache used for this blog :

manifest.appcache

manifest.appcache

index.html

index.html

Check what has been cached by navigating to chrome://appcache-internals/.

Notes :

1. It will not cache any videos. (Tested in chrome)

2. It will cache & available for offline view all pages except /contact. (Tested in chrome)

3. It will cached & available for offline view the latest 14 posts.