Wat is een Progressive Web App?

Een Progressive Web Applicatie (PWA) is een app die van de nieuwste webtechnologieén gebruikmaakt om bezoekers van een website een vergelijkbare ervaring te bieden als bij een 'gewone' mobiele app, ofwel native app .

Steeds meer bedrijven kiezen tegenwoordig voor het ontwikkelen van een Progressive Web App in plaats van een native app. Dat is ook logisch, want het ontwikkelen van een PWA is een stuk goedkoper, licht in onderhoud en biedt gebruikers toch een app-ervaring. In dit artikel hebben we alle voordelen en nadelen van de Progressive Web App voor je uiteengezet.

Omdat een PWA gebaseerd is op het web, is de app voor iedereen toegankelijk. Een PWA is dus niet afhankelijk van het besturingssysteem, platform of apparaat waarmee de PWA benaderd wordt.

Wanneer je een applicatie wil laten ontwikkelen die op ieder apparaat werkt en over mobiele functionaliteiten beschikt, lijkt het er al snel op dat je niet één, maar twee of zelfs drie applicaties nodig hebt (een web- en hybride applicatie of een Android, iOS én webapplicatie). In tegenstelling tot native apps hoeft er voor een PWA geen platform specifieke code te worden geschreven. Dit bespaart tijd en dus kosten.

Doordat je maar één codebase hoeft te onderhouden kunnen wijzigingen gemakkelijker en sneller doorgevoerd worden. Daarnaast hebben updates van Android en iOS geen effect op de werking van je app en hoef je dus ook niet bij elke systeemupdate een nieuwe versie van je app uit te rollen.

Vrijheid, blijheid! Een PWA kan zonder tussenkomst van een appstore op je telefoon worden geïnstalleerd. Je hoeft dus geen (30%!) in-app-inkomsten af te dragen aan de appstores en ook niet meer langs een veeleisend en traag reviewproces.

Updates worden automatisch geïnstalleerd, een gebruiker hoeft hier niets voor te doen. Doordat je de app in eigen beheer host bepaal je zelf wanneer er een update wordt uitgerold. Je hebt er dus zelf alle controle en flexibiliteit over wanneer je nieuwe features van je applicatie uitbrengt.

Native apps zijn niet indexeerbaar door zoekmachines omdat ze niet web gebaseerd zijn. Doordat Progressive Web Apps in de basis websites zijn, zijn deze wel indexeerbaar door zoekmachines en dus SEO vriendelijk. Tenminste, als de developers ervoor kiezen om ze Dynamic Sided te renderen (geen zorgen, daar zijn wij voor 😉).

Doordat Progressive Web Applicaties als een applicatie in de browser worden ingeladen zal de PWA bij gebrek aan een (goede) internetverbinding blijven werken. Wanneer de verbinding is hersteld zorgt de PWA ervoor dat de data vernieuwd wordt.

Een PWA is direct te benaderen via de browser, een gebruiker is dus niet verplicht om de app te installeren voor gebruik.

Een PWA kan als app worden toegevoegd aan het startscherm van mobiele apparaten (hiermee installeer je de app). Een PWA installeren doe je door de website toe te voegen aan je startscherm. Dit werkt in iedere browser anders. Zo maakt Google Chrome het mensen makkelijk door een 'Add to homescreen' pop-up te tonen waarmee een gebruiker met een druk op de knop de PWA kan installeren. In andere browsers zoals Samsung Internet en Safari moeten gebruikers zelf in het menu van de browser voor de optie 'Pagina toevoegen aan startscherm' kiezen.

Niet alle functies van een mobiel toestel kunnen bij een PWA worden gebruikt. Wanneer je applicatie intensief gebruik moet maken van de hardware van het mobiele apparaat, is het in veel gevallen verstandiger om een native applicatie te laten ontwikkelen.

Een PWA werkt wel op een iOS apparaat maar nog niet iedere functionaliteit is beschikbaar. Zo worden bijvoorbeeld push notificaties nog niet ondersteund door Apple. Ironisch dat niemand minder dan Steve Jobs in 2007 al in het concept van Progressive Web Apps geïntroduceerd heeft.

Of Apple in de toekomst PWA's volledig gaat ondersteunen is niet met zekerheid te zeggen, maar aangezien Apple de afgelopen jaren wel steeds meer technologieén van PWA's is gaan ondersteunen is die kans zeker aanwezig.