Als het gaat om bouwen voor het web, zijn er een aantal architecturale stijlen waar u rekening mee moet houden.
Een 'traditionele' website, ook wel MPA ( Multi-page Application ) genoemd, is bijvoorbeeld een verzameling pagina's waar gebruikers doorheen navigeren via traditionele navigatieverzoeken . Statische sites zijn een goed voorbeeld van deze bouwstijl, zelfs CMS-aangedreven websites zoals blog- en marketingwebsites zijn ook voorbeelden van deze stijl.
Dan is er de "moderne" Single Page Application (SPA)-stijl, waarbij het enige navigatieverzoek het allereerste is. SPA-architecturen hebben de neiging om minimale markeringen te bieden op het initiële navigatieverzoek, dat wordt gevuld met gegevens die worden geleverd door API's aan de serverzijde. Deze gegevens worden vervolgens gepresenteerd in door de client weergegeven opmaak die door een router aan de clientzijde wordt verstrekt voor elke volgende navigatie.
Welke stijl u ook verkiest, het matchen van een bepaalde architectuur met de juiste implementatie van servicemedewerkers is essentieel voor het garanderen van hoge betrouwbaarheid en prestaties. Het open ontwerp van servicemedewerkers (en Workbox in het verlengde daarvan) biedt veel flexibiliteit in de manier waarop verzoeken om assets worden afgehandeld, en de technologie kan worden aangepast aan elke gewenste architectuurstijl.
Laten we om te beginnen eerst bekijken wat er nodig is om een servicemedewerker op te bouwen die het beste werkt met een SPA . Als u er vervolgens klaar voor bent om een patroon uit te proberen dat het standaardnavigatieschema van de browser uitbreidt en tegelijkertijd supersnelle weergave levert, bekijk dan onze handleiding over het bouwen van een streamingservicemedewerker voor toepassingen met meerdere pagina's .