Service Worker Script

Service Worker Generator

Project: My Web App

Generated Date:

Strategy Stale-While-Revalidate

Cache Name my-app-v1

Offline Page /offline.html


// Service Worker Code will appear here...

Download the file as sw.js.
Place it in your website's root directory.
Register it in your main JavaScript file using:
navigator.serviceWorker.register('/sw.js');

Select how the Service Worker should handle network requests.

Strategy Type

Serves content from cache for speed, but updates the cache in the background for next time.

Cache Identifier

Define critical files to cache immediately when the Service Worker installs.

Offline Fallback Page

The HTML page shown when the user has no internet connection.

Asset List (Comma Separated)

Paths to CSS, JS, Images, or Fonts to pre-cache.

Version Number

Change this when you update your site to force a cache refresh.

Console Logging

Project / App Name