Browser - Service Worker (Offline / Cache enhanced capability)
Table of Contents
About
A service worker is a type of worker (JavaScript application) installed in the browser that can act as a forward proxy.
Two Ways
Browser > Server
Server > Browser
Usage
They make the following feature possible in the browser:
- cache (useful when the network is not available)
- push notifications,
- background syncing,
- offline functionality
Cache
This section explains the http cache feature.
The first time a user visits your page using a browser that supports service worker, all of the resources needed to use the page offline can be automatically cached locally, and each subsequent visit to any page on the site will be:
- a) fast (since there's no network dependency)
- b) work offline (for the same reason).
Management
Tool
Workbox
sw-toolbox and sw-precache are deprecated in favor of Workbox.
Test
- https://github.com/puppeteer/examples/blob/master/verify_sw_caching.js - Verify all the resources you expect are being cached by a service worker for offline.
Documentation / Reference
- Doc: Service Workers
- or Service Workers,