1.0.cache-static-files

1.0 Service Worker - Cache Static Files

In this step we will create a caching system stored in service worker.

Run

Make sure you have installed http-server globally and then run it in this directory:

http-server -p 18081

Open your browser and access http://localhost:18081 (Note: http-server can be configured to start on a different port)

Before and After

Before using Service Worker Assets are not loaded from the cache.

After using Service Worker Assets are loaded from cache/service worker and loaded faster.

Learn More

Service Worker Live Cycle

Install -> Fetch -> Update -> Install -> ...

Official Documentation

• Learn more about Service Workers from Google
• Learn more about Service Workers from Mozila

Code Reference : https://developers.google.com/web/fundamentals/getting-started/primers/service-workers

Supported Web Browser

Please follow this link, to get the most up-to-date information about what browsers already support.