Appcachify for WordPress

The plugin adds an iframe to the footer of your website which points to example.com/manifest.

That URL is an empty page that references the generated manifest file at example.com/manifest.appcache.

The manifest itself is built in the following way:

adds URLs of all queued scripts and styles

searches theme files and folder for any images or other static assets

if a theme has a 307.php template it is used as an offline fallback

a timestamp of the most recently modified file is added to force appcache to refresh

The net result of all this is that your main static files are stored locally on your visitors devices. For mobile this greatly helps to improve download and rendering times.

Documentation Adding items to the manifest Appcache can do more than store static assets. You could cache entire pages, or add fallbacks for when a user is offline.

There are 3 main sections to a manifest:

CACHE The main CACHE section is for URLs that should be explicitly cached.

<?php add_filter( 'appcache_cache', function( $urls ) { $urls[] = '/page-available-offline/'; return $urls; } ); ?>

NETWORK This section is for specifying URLs that should never be cached.

<?php add_filter( 'appcache_network', function( $urls ) { $urls[] = '*'; $urls[] = '/online-only-page/'; return $urls; } ); ?>