SERVICE WORKER EXAMPLES

A collection of practical examples of using service workers

Live Demo: https://simple-pwa-wcouwbjvdp.now.sh/

Open your Developer Tools console and network tabs to view what each service worker is doing!

• App Shell Cache - It precaches the app shell resources in a versioned cache. An application shell (or app shell) refers to the local resources that your web app needs to load the skeleton of your user interface (UI) Source.

• Offline First - It precaches the app shell resources in a versioned cache, and maintains another cache that's populated at runtime as additional resources are requested. If a resource is cached and available offline, return it first before trying to download it from the server. If it isn’t in the cache already, download it and cache it for future usage Source.

• Online First - It maintains a cache that's populated at runtime as additional resources are requested and serve the resource from the cache only when the user is offline or a network error occurs.

• Offline First Update - Similar to the "Offline First" but the resource is updated in the cache on each request.