Service Worker mit Google Workbox

Was sind Service Worker?

Service Worker sind Scripts die separat von der Website und im Hintergrund des Browsers laufen.

Grundsätzlich werden folgende Features mit Service workern realisiert:

Push Notifications
Background Sync
Geofencing
Caching

Service Worker vs PWA?

Service Worker und PWAs sind keine unterschiedlichen dinge man muss an sich nur verstehen was mit PWA gemeint ist.
In PWAs stellen Service Worker nämlich den Kern dar.
Der Service Worker ist hier für Techniken wie resource-caching und Push notifications verantwortlich.
Kurz gesagt ohne Service Worker würde das ganze Konzept einer PWA nicht funktionieren.

Was sind denn nun diese PWAs?

PWA steht für progressive Web Apps an sich handelt es sich bei der Definition PWA um ein Feature Set.
Die Features die in PWAs definiert werden sollen Webseiten die Möglichkeit bieten sich mehr wie native mobile Apps zu verhalten.
Das Progressive in PWA steht für "Progressive enhancement", das heißt, man kann sich aussuchen wie viele und welche Features verwendet, man muss nicht alle Features aber man könnte es.
Somit sind Webseiten, die nur von einem der Features gebrauch machen auch progressive Web Apps.

Was mach Googles Workbox?

Google Workbox fungiert als kleine Library um das Caching mit Service Workern zu vereinfachen.
Es gibt hier mehrere vorgefertigte Methoden oder "Strategien" wie man cachen kann.

Stale-While-Revalidate - Verwenden von Cache wenn Netzwerk nicht erreichbar & Cache updaten, wenn Netzwerk erreichbar ist.
Cache First - Verwendet bei jeder Möglichkeit den Cache & zieht sich somit nur einmal am Anfang die Daten.
Network First - Zieht sich immer wieder die aktuelle Ressource & verwendet den Cache, wenn die Ressource nicht erreichbar ist.
Network Only - Normales Browser verhalten doch mit Kontrolle durch Service Worker (kein Caching)