Progressive Web Apps (PWA) is een manier om webapplicaties te bouwen die gebruikers een native-achtige ervaring kunnen bieden, terwijl ze toch toegankelijk blijven via het web. Ze combineren de kracht van moderne webtechnologieën, zoals Service Workers en Web App Manifests, met traditionele webstandaarden, zoals HTML, CSS en JavaScript.

Wat maakt PWA's zo cool?

Een van de coolste dingen aan PWA's is dat ze razendsnel zijn, dankzij technologieën zoals Service Workers en Web App Manifests. PWA's kunnen snel laden en draaien, zelfs op langzame verbindingen.

En met offline mogelijkheden kunnen PWA's blijven werken, zelfs wanneer het apparaat van de gebruiker offline gaat, zodat u zich nooit zorgen hoeft te maken over het verliezen van gegevens of het vastlopen op een laadscherm.

Dit komt allemaal door de cachingstrategieën. U kunt voor elke resource bepalen welke u wilt gebruiken.

• Cache Éerst – De app controleert eerst of de bron zich in de cache bevindt voordat een netwerkverzoek wordt gedaan.
• Netwerk eerst – De app doet eerst een netwerkverzoek en werkt de cache bij.
• Alleen Cache – Gebruikt alleen de gecachte resources. Handig voor resources die offline nodig zijn.
• Alleen Netwerk – Maakt alleen netwerkverzoeken. Handig voor bronnen die vaak veranderen, zoals gegevens van een API.
• Stale While Revalidate – Hiermee kunt u een enigszins verouderde versie van een bron uit de cache serveren, terwijl u tegelijkertijd op de achtergrond een nieuwe versie van het netwerk ophaalt. Dit betekent dat als een gebruiker een bron opvraagt die zich al in de cache bevindt, die gebruiker die gecachte versie onmiddellijk te zien krijgt, zelfs als het niet de allernieuwste versie is. Wanneer de nieuwe versie op het apparaat staat, wordt het scherm bijgewerkt.

Maar het gaat niet alleen om snelheid en betrouwbaarheid – PWA's zien er ook uit en voelen aan als native apps, met functies zoals pushmeldingen, volledig schermmodus en app-achtige interfaces. En met de mogelijkheid om aan het startscherm te worden toegevoegd, zijn PWA's altijd slechts één tik verwijderd, waardoor ze toegankelijker en gebruiksvriendelijker zijn dan ooit tevoren.

Vergeet ook de beveiliging niet. PWA's worden over HTTPS geleverd, dus u kunt erop vertrouwen dat uw gegevens veilig zijn. Bovendien zijn PWA's dankzij eenvoudige updates en cross-platform compatibiliteit een fluitje van een cent om te onderhouden en te gebruiken op een breed scala aan apparaten en platforms.

Wat betekent het voor zaken?

Voor starters, lagere ontwikkelkosten. Omdat PWA's gebruikmaken van dezelfde webtechnologieën die worden gebruikt om elke andere website te bouwen, hoeft het ontwikkelingsteam geen andere taal of framework te leren (of zelfs het personeelsbestand te vergroten). Dit betekent ook dat uw ontwikkeltijd wordt verkort.

Onderhoud is ook een groot pluspunt. Aangezien de codebase hetzelfde is voor alle platforms, is het oplossen van problemen en het doorontwikkelen van uw app eenvoudiger en sneller.

Voorbeelden van PWA's

• AliExpress – Na de implementatie van de PWA stegen de conversiepercentages voor nieuwe gebruikers met 104%. Ook leidde dit tot een stijging van de conversiepercentages in Safari met 82%. Gebruikers bekijken nu twee keer zoveel pagina’s per sessie en de tijd die per sessie wordt doorgebracht, is in alle browsers met gemiddeld 74% toegenomen.
• Twitter – Sinds de invoering van de prompt “Toevoegen aan startscherm”, waarmee gebruikers wordt gevraagd Twitter aan hun startscherm toe te voegen, zien we dat 250.000 unieke dagelijkse gebruikers de app gemiddeld vier keer per dag vanaf het startscherm openen. Bovendien is het dataverbruik met 70% gedaald terwijl gebruikers door hun tijdlijn scrollen.
• Spotify – Het doel was om nieuwe gebruikers voor de gratis versie te werven, die vervolgens zouden upgraden naar Premium nadat ze de geweldige gebruikerservaring van Spotify hadden ervaren. Het aantal maandelijkse actieve gebruikers steeg met 30%.

Hier bij AdvanceWorks geven we graag het goede voorbeeld, dus we hebben een kleine PWA-sample voor je gemaakt waar je van kunt genieten. Bekijk hem hier

Conclusie

Of je nu een nieuwe app bouwt of een bestaande updatet, PWA's zijn de beste keuze voor een snelle, betrouwbare en boeiende webervaring waar je gebruikers dol op zullen zijn.

Over het algemeen vertegenwoordigen PWA's een krachtige manier om webapplicaties te bouwen die gebruikers een snelle, responsieve en boeiende ervaring bieden, terwijl ze toch toegankelijk blijven via het web. Naarmate meer en meer bedrijven en organisaties PWA's adopteren, zullen ze een steeds belangrijker onderdeel worden van het web development landschap.

Ricardo Cardoso Solutions Architect Als ontwikkelaar is het niet alleen het leveren van een oplossing, het is ook een geweldige manier om je ideeën en creativiteit te uiten.