Progressive web app (PWA)

Wat een PWA precies is

Een progressive web app is een gewone website die is uitgerust met een aantal technische toevoegingen waardoor hij zich als app kan gedragen: hij is aan het beginscherm van een telefoon toe te voegen, kan werken op een trage of afwezige verbinding door delen op voorhand te bewaren, en kan in sommige gevallen meldingen sturen.

Het blijft technisch een website, bereikbaar via een gewone link, en vraagt geen installatie via een appstore. Dat is meteen het belangrijkste verschil met een native app.

Wat het wel en niet kan ten opzichte van een native app

Een PWA kan snel laden, offline gedeeltelijk werken, en op het beginscherm verschijnen met een eigen icoon. Wat een PWA niet of slechts beperkt kan, is diep integreren met apparaatfuncties die verder gaan dan de browser toestaat, en op sommige platforms is de ondersteuning voor meldingen en installatie beperkter dan op andere.

Voor de meeste webshops en zakelijke sites is dat verschil niet doorslaggevend: de functies die een PWA wel biedt, dekken de behoefte van verreweg de meeste bezoekers.

Waarom het aantrekkelijk is ten opzichte van een appstore

Een native app moet via een appstore worden gedownload, wat een drempel is die bezoekers van een website niet hebben: iemand die al op je site is, kan met een enkele actie de PWA toevoegen zonder een aparte download te starten. Dat verlaagt de stap van bezoeker naar herhaalbezoeker aanzienlijk ten opzichte van een appstore-installatie.

Een PWA deelt bovendien dezelfde code en inhoud als de gewone website, in plaats van een aparte app te onderhouden naast de site. Dat scheelt structureel onderhoudswerk vergeleken met een losse native app die apart wordt gebouwd en bijgehouden.

Wat de techniek vereist

De kern zit in een bestand dat op de achtergrond draait, los van of de bezoeker de site open heeft staan, en dat bepaalt wat er wordt opgeslagen voor offline gebruik en hoe meldingen worden afgehandeld. Daarnaast is een klein bestand nodig dat beschrijft hoe de app eruitziet als hij is toegevoegd: de naam, het icoon en de kleur.

Deze onderdelen zijn bij de meeste moderne platformen met een uitbreiding of module toe te voegen, zonder de site opnieuw te hoeven bouwen. Bij maatwerk is het iets dat in de bouw wordt meegenomen.

Wanneer het waarde toevoegt

Bij een webshop of dienst waar mensen regelmatig terugkomen, is de mogelijkheid om snel vanaf het beginscherm terug te keren waardevol: het verlaagt de drempel voor een volgend bezoek zonder de moeite van een appstore-installatie. Ook bij een doelgroep met wisselende internetverbindingen is de gedeeltelijke offline-werking een reeel voordeel.

Bij een site die vooral eenmalig wordt bezocht, zoals een informatieve bedrijfssite, voegt een PWA weinig toe: er is simpelweg geen reden voor een bezoeker om hem aan het beginscherm toe te voegen.

Waar het misgaat

De achtergrondfunctionaliteit die offline-gebruik mogelijk maakt, kan ook verouderde content blijven tonen als hij niet goed wordt bijgewerkt: een bezoeker ziet dan een oude versie van de site terwijl hij denkt dat hij live gegevens ziet. Dat is dezelfde categorie fout als bij verkeerd ingerichte caching, en vraagt dezelfde zorgvuldigheid.

Een tweede valkuil is een installatie-uitnodiging die te snel of te opdringerig verschijnt, voordat een bezoeker heeft kunnen zien of de site de moeite waard is. Dat werkt averechts en verlaagt de kans dat iemand hem later alsnog toevoegt.

Hoe je bepaalt of het de moeite waard is

Kijk naar hoe vaak dezelfde bezoekers terugkomen en of ze dat nu via een omslachtige weg doen, zoals een link opnieuw opzoeken. Is dat het geval, dan is een PWA een relatief kleine ingreep met een duidelijk voordeel.

Is het merendeel van je verkeer eenmalig en kortdurend, dan levert de investering in de techniek weinig op ten opzichte van gewoon een snelle, goed werkende website zonder de extra laag.

Veelgestelde vragen