Beim Erstellen von Websites für das Web gibt es einige Architekturstile, die Sie kennen sollten.
Eine „traditionelle“ Website – auch als Multi-Page Application (MPA) bezeichnet – ist eine Sammlung von Seiten, durch die Nutzer über herkömmliche Navigationsanfragen navigieren. Statische Websites sind ein gutes Beispiel für diesen Architekturstil. Selbst CMS-gestützte Websites wie Blog- und Marketing-Websites sind ebenfalls Beispiele für diesen Stil.
Hinzu kommt der „moderne“ Single Page Application-Stil (SPA), bei dem die einzige Navigationsanfrage die erste ist. SPA-Architekturen neigen dazu, bei der ersten Navigationsanfrage nur ein minimales Markup bereitzustellen, da diese mit Daten gefüllt wird, die von serverseitigen APIs bereitgestellt werden. Diese Daten werden dann in einem clientseitig gerenderten Markup angezeigt, das von einem clientseitigen Router für jede nachfolgende Navigation bereitgestellt wird.
Ganz gleich, welchen Stil Sie bevorzugen – die Abstimmung einer bestimmten Architektur auf die richtige Service Worker-Implementierung ist der Schlüssel zu hoher Zuverlässigkeit und Leistung. Das offene Design von Service Workern – und Workbox durch Erweiterung – bietet viel Flexibilität bei der Verarbeitung von Asset-Anforderungen und die Technologie kann an jeden Architekturstil angepasst werden.
Sehen wir uns zuerst an, wie ein Service Worker erstellt wird, der am besten mit einer SPA funktioniert. Wenn Sie dann bereit sind, ein Muster auszuprobieren, das das Standardnavigationsschema des Browsers erweitert und gleichzeitig superschnelles Rendering ermöglicht, lesen Sie unseren Leitfaden zum Erstellen eines Streaming Service Workers für mehrseitige Anwendungen.