A service worker that provides a lightweight and focused caching strategy for web apps.
This service worker has, so far, been designed for the sole purpose of providing a clear caching strategy that is understandable for the developer and lightweight for the end user. Other Service Worker features have not been implemented, such as Push Notifications.
Copy the service-worker.js file into the root of the publicly accessible directory that you want to allow the service worker access to.
You should tweak aspects of the service-worker.js per your project specifics.
Once the service worker is in place, you need to tell the browser to initiate the installation of the service worker, if the browser supports service workers. To do this copy the content from app.js and place into a javascript file that you are using in your project. Again certain aspects of the this file may need tweaked based on yours project specifics.
You can view an exact example of this service worker implementation being used at https://gavin-kemp.com. If you load the website up with an internet connection and then switch the internet connection off, the website should still be available upon a refresh. Any errors you do see are purely down my own laziness for not handling them correctly, such as infinite loading text or blank screens. The point is that the website loads as opposed to a browser network error screen.
Service worker built on a combination of resources from: