PWA laten maken: een webapp die aanvoelt als een echte app

Een gewone webapplicatie draait in de browser en vereist doorgaans een internetverbinding; je bereikt hem via een URL. Een PWA is een webapplicatie met extra mogelijkheden: hij kan op het startscherm worden gezet met een eigen icoon, in een eigen venster openen, offline werken en push-notificaties sturen. Technisch blijft een PWA een webapp, maar hij voelt en gedraagt zich meer als een geïnstalleerde app. Het verschil zit dus in die app-achtige verrijking, mogelijk gemaakt door onder meer een manifest en een service worker. Voor de gebruiker betekent het gemak: geen download uit een appstore, maar wel een app-ervaring. Voor jou betekent het dat je één webgebaseerde oplossing hebt die zowel als website of webapp én als app functioneert. Of je die verrijking nodig hebt, hangt af van je wensen rond installatie, offline gebruik en notificaties.

Er is geen vast bedrag, want de kosten hangen af van de complexiteit van de onderliggende webapplicatie en de gewenste functies. Een PWA bouwt voort op een webapp, dus de kosten omvatten zowel die webapp als de PWA-specifieke toevoegingen. Belangrijk is dat een PWA doorgaans aanzienlijk goedkoper is dan het bouwen van aparte native apps voor iOS en Android, omdat je één codebase gebruikt voor alle apparaten. Reken naast de bouwkosten op hosting en onderhoud. Heb je al een goede, moderne webapplicatie, dan kan het toevoegen van PWA-functionaliteit relatief beperkt zijn. Is je basis verouderd, dan is er meer werk nodig. Zet de kosten af tegen de voordelen: breed bereik, één oplossing voor alle apparaten en een app-ervaring zonder appstore. Vraag een offerte die duidelijk maakt wat de PWA omvat en wat het onderhoud kost, zodat je een onderbouwde afweging kunt maken.

Ja, op beide, maar met verschillen. Op Android worden PWA's ruim ondersteund en werken de meeste functies goed, inclusief installatie op het startscherm en notificaties. Op iPhone (iOS) ondersteunt Apple de technologie achter PWA's ook, maar zijn sommige functies beperkter dan op Android. Dat betekent dat een PWA op iOS werkt, maar dat je niet altijd op alle geavanceerde functies kunt rekenen zoals op Android. Voor de meeste toepassingen is dat geen probleem, omdat de kernfunctionaliteit (installeren, snel laden, deels offline werken) op beide platforms bruikbaar is. Wil je specifieke functies die op iOS beperkt zijn, dan is het belangrijk dat vooraf te weten, zodat je verwachtingen kloppen. Wij houden bij het bouwen rekening met de verschillen tussen platforms en zorgen dat de PWA een goede ervaring biedt op de apparaten die jouw gebruikers daadwerkelijk gebruiken, of dat nu iPhone, Android of desktop is.

Ja, een PWA kan push-notificaties sturen, al verschilt de ondersteuning per platform. Op Android en desktop werkt dit doorgaans goed. Op iOS is push-ondersteuning voor PWA's er, maar deze is later toegevoegd en kan beperkter of net anders werken. Notificaties zijn een van de functies die een PWA app-achtig maken, omdat je gebruikers zo actief kunt bereiken, net als bij een native app. Wel is het goed te bedenken dat gebruikers toestemming moeten geven voor notificaties, en dat je er verstandig mee moet omgaan om niet als opdringerig te worden ervaren. Wil je push-notificaties inzetten, bespreek dan vooraf op welke platforms je gebruikers zitten en hoe belangrijk deze functie voor je is. Zo kan bij het bouwen rekening worden gehouden met de mogelijkheden en beperkingen per platform, en weet je vooraf wat je van de notificaties kunt verwachten op de apparaten van jouw doelgroep.

Vaak wel, en hoe eenvoudig dat is, hangt af van de staat van je huidige techniek. Heb je al een goede, moderne webapplicatie of website, dan kan die vaak met toevoegingen (zoals een manifest en een service worker) tot een PWA worden gemaakt, wat relatief beperkt werk kan zijn. Is je huidige site verouderd of technisch zwak, dan is meestal eerst een grondigere aanpak of vernieuwing nodig, want een PWA maakt een trage of slecht gebouwde site niet vanzelf goed. De onderliggende kwaliteit bepaalt de kwaliteit van de PWA. Daarom beoordelen wij eerst de staat van je huidige techniek voordat we inschatten wat er nodig is. In sommige gevallen is het verstandiger om de basis eerst te verbeteren en die meteen PWA-geschikt op te zetten. Leg je huidige site of webapp voor, dan kunnen we beoordelen of en hoe je er een betrouwbare PWA van kunt maken.

Voor veel toepassingen komt een PWA dicht in de buurt, maar voor de zwaarste, prestatie-intensieve toepassingen blijft native sneller. Native apps werken direct met de hardware en kunnen daardoor bijvoorbeeld zeer vloeiende animaties en zware grafische bewerkingen beter aan, wat cruciaal is voor games of geavanceerde toepassingen. Een goed gebouwde PWA laadt echter snel en voelt voor de meeste zakelijke en content-toepassingen prettig en responsief aan, zeker als de onderliggende webapp geoptimaliseerd is voor snelheid. Voor portalen, dashboards, boekingssystemen en dergelijke is het snelheidsverschil in de praktijk meestal niet merkbaar of relevant. De vraag is dus niet zozeer of native "sneller" is, maar of jouw toepassing die extra prestaties echt nodig heeft. Voor het gros van de zakelijke software is dat niet het geval, en biedt een goed geoptimaliseerde PWA ruim voldoende snelheid voor een prettige gebruikerservaring.

Ja, dat kan optioneel, hoewel het niet nodig is. Een van de voordelen van een PWA is juist dat gebruikers hem zonder appstore kunnen gebruiken, via een URL. Toch is het mogelijk een PWA aan te bieden in appstores zoals de Google Play Store, de Microsoft Store en onder voorwaarden de Apple App Store, als extra distributiekanaal. Zo kun je zowel het gemak van directe toegang via het web bieden als aanwezig zijn op de plek waar sommige gebruikers actief naar apps zoeken. Wil je in een appstore staan, dan moet je wel voldoen aan de regels en eisen van die store. Voor veel toepassingen is de appstore niet nodig en volstaat de webtoegang prima, wat juist een drempel wegneemt. Of het zinvol is om ook in een appstore te staan, hangt af van hoe je gebruikers je oplossing zullen vinden. Bespreek dit vooraf, zodat de PWA daarop kan worden ingericht.

Een PWA is het meest geschikt voor toepassingen die op elk apparaat toegankelijk moeten zijn, een app-achtige ervaring vragen, maar geen diepe hardware-integratie of extreme prestaties nodig hebben. Denk aan klantportalen, dashboards, boekings- en reserveringssystemen, webshops, en content- of servicetoepassingen. Voor dit soort toepassingen biedt een PWA de ideale combinatie: breed bereik zonder appstore, lage kosten door één codebase, en een prettige, app-achtige ervaring inclusief installeerbaarheid en deels offline gebruik. Minder geschikt is een PWA voor zware games, toepassingen die continu op de achtergrond hardware gebruiken, of apps die maximale grafische prestaties vereisen; daar is native beter. De vuistregel: heeft je toepassing vooral baat bij toegankelijkheid, gebruiksgemak en breed bereik, dan is een PWA een sterke keuze. Vraagt hij juist om diepe integratie met de telefoon, dan neig je naar native. Voor de meeste zakelijke webtoepassingen valt de keuze richting PWA.

Begin met helder krijgen wat je wilt bereiken: wil je een app-achtige ervaring, breed bereik zonder appstore, of specifieke functies zoals offline gebruik en notificaties? Bepaal ook of je een nieuwe toepassing bouwt of een bestaande website of webapp wilt omzetten. Met die informatie kan een ontwikkelpartner beoordelen wat haalbaar is, welke functies op welke platforms werken, en een voorstel doen. Je hoeft de techniek niet zelf te overzien; een goede partner vertaalt je wensen naar een werkende PWA op een solide basis en is eerlijk over wat wel en niet kan, zeker op iOS. Heb je al een webapplicatie, dan beoordelen we eerst de staat daarvan. Een korte, vrijblijvende verkenning maakt vaak al duidelijk of een PWA bij je doel past en wat een verstandige aanpak is. Van daaruit bouw je een toepassing die op elk apparaat aanvoelt als een echte app.