Je wilt een app, maar je twijfelt of je echt de App Store en Google Play in moet. Moet dat wel? Een Progressive Web App zit precies tussen een gewone website en een native app in. Hij draait in de browser, maar voelt en werkt als een geïnstalleerde app. In deze gids lees je wat een PWA is, hoe de techniek werkt, wat de voordelen en nadelen zijn, en wanneer een PWA slimmer is dan een native app. Met een heldere vergelijkingstabel en echte voorbeelden.

Wat is een Progressive Web App?

Een Progressive Web App is een website die is gebouwd met web-technologie (HTML, CSS en JavaScript), maar zich gedraagt als een native app. Je opent hem in de browser, kunt hem installeren op je beginscherm, en daarna werkt hij offline, laadt hij snel en kan hij pushmeldingen sturen. Eén PWA draait op iPhone, Android, Windows en Mac.

Het woord “progressive” slaat op het idee dat de app overal werkt, en steeds beter naarmate de browser meer aankan. Een PWA is geen apart framework dat je kiest, maar een set web-standaarden die je aan een moderne website toevoegt. De term komt van Google, dat het concept in 2015 introduceerde. Sindsdien hebben alle grote browsers de bouwstenen ondersteund, en sinds 2023 doet ook Apple volwaardig mee.

Hoe werkt een PWA? De drie bouwstenen

Onder de motorkap draait een PWA op drie technische bouwstenen. Samen zorgen ze dat een gewone website installeerbaar wordt, offline blijft werken en meldingen kan sturen. Je herkent ze aan drie termen: de service worker, het web app manifest en een verplichte HTTPS-verbinding.

  • Service worker. Een stukje JavaScript dat tussen de browser en het netwerk in draait, als een slimme tussenlaag. Hij bewaart bestanden in een cache, waardoor de app offline blijft werken en direct laadt bij een volgend bezoek. Ook pushmeldingen en synchronisatie op de achtergrond lopen via de service worker.
  • Web app manifest. Een klein JSON-bestand met de naam van de app, het icoon, de kleuren en het startscherm. Dit maakt de knop “toevoegen aan beginscherm” mogelijk en zorgt dat de app fullscreen opent, zonder browserbalk, net als een gewone app.
  • HTTPS. Een PWA werkt alleen over een beveiligde verbinding. Service workers zijn zo krachtig dat browsers ze uit veiligheid alleen toestaan op sites met een geldig certificaat.

De technische details staan gedetailleerd in de PWA-documentatie van Google op web.dev en op MDN van Mozilla. Voor de meeste ondernemers is de kernvraag niet hoe het werkt, maar wanneer je ervoor kiest. Daar helpt de vergelijking hieronder bij.

Progressive Web App vs native app vs website

Een PWA zit tussen een responsive website en een native app in. Een responsive website past zich aan het scherm aan, maar je kunt hem niet installeren en hij werkt niet offline. Een native app kan alles op het toestel, maar vraagt aparte builds en een app store. Een PWA pakt het beste van beide: installeerbaar en offline, maar toch één web-app die overal draait.

Kenmerk Responsive website Progressive Web App Native app
Installeren op beginscherm Nee Ja, vanuit de browser Ja, via app store
Offline werken Nee Ja, via caching Ja
Pushmeldingen Nee Ja (iOS vanaf 16.4) Ja
App store nodig Nee Nee, optioneel Ja
Vindbaar in Google Ja Ja Beperkt
Toegang tot hardware Beperkt Groot deel, browser-afhankelijk Volledig
Eén codebase voor alle platforms Ja Ja Nee
Indicatie bouwkosten Laag Midden Hoog
Updates Direct live Direct live Via app store-review

De rode draad: een PWA vraagt één codebase in plaats van drie, en de gebruiker heeft geen app store nodig. Wil je eerst het onderscheid tussen een web-app, SaaS en een platform scherp hebben, lees dan web app, SaaS of custom platform. Twijfel je juist tussen een PWA en een echte native app, dan helpt onze gids over een app laten maken je verder.

De voordelen van een PWA

Het grootste voordeel van een PWA is bereik tegen lagere kosten. Je bouwt één keer en draait op elk toestel, zonder aparte iOS- en Android-versie. De gebruiker hoeft niets uit een store te halen: een link is genoeg, en de app is vindbaar in Google. Dat maakt de drempel om te beginnen klein.

  • Eén codebase, alle platforms. Geen aparte teams voor iOS en Android. Dat scheelt bouwtijd en onderhoud.
  • Snel en offline. Door caching in de service worker laadt de app vrijwel direct en blijft hij werken bij een slechte verbinding. Snelheid telt: volgens StatCounter komt inmiddels iets meer dan de helft van al het wereldwijde webverkeer van mobiele apparaten (51,5% in juni 2026), waar het netwerk vaak wisselt.
  • Geen app store-drempel en geen commissie. Je omzeilt de review-tijd en de commissie van 15 tot 30% die Apple en Google op verkopen in de app rekenen.
  • Direct updaten. Een nieuwe versie staat meteen live. Je wacht niet op een app store-review en gebruikers zitten nooit op een oude build.
  • Vindbaar en deelbaar. Elke pagina heeft een URL. Je deelt hem, Google indexeert hem, en dat is precies wat een native app mist.
  • Lager gewicht. Een PWA is doorgaans een fractie van de omvang van een native app, dus sneller geïnstalleerd en zuiniger met opslag.

Die snelheid heeft een direct effect op je resultaat. Uit het onderzoek Milliseconds Make Millions van Deloitte bleek dat een verbetering van de mobiele laadtijd met slechts 0,1 seconde de conversie in de retail met 8,4% liet stijgen. Een PWA is gebouwd om precies dat te winnen. Hoe je laadtijd meet en verbetert, staat in website-snelheid en Core Web Vitals.

De nadelen en beperkingen

Een PWA is niet voor alles de beste keuze. De grootste beperkingen zitten op iOS, waar Safari minder toestaat dan Chrome op Android, en in de toegang tot hardware. Heb je diepe integratie met bluetooth, NFC of geavanceerde camerafuncties nodig, of bouw je een zware 3D-game, dan loop je bij een PWA sneller tegen grenzen aan dan bij native.

  • iOS is beperkter. Apple ondersteunt PWA’s, maar sommige API’s en achtergrondfuncties werken op iPhone minder ver dan op Android. Test altijd op een echt iOS-toestel.
  • Geen automatische plek in de app store. Veel gebruikers zoeken nog steeds in de store. Een PWA staat daar standaard niet, al kun je hem via een omweg (bijvoorbeeld PWABuilder) alsnog inpakken.
  • Beperkte hardwaretoegang. Camera en locatie werken prima, maar zaken als bluetooth, NFC en achtergrondtaken zijn browser-afhankelijk en niet overal beschikbaar.
  • Minder geschikt voor zware apps. Voor grafisch intensieve games of apps die continu op de achtergrond draaien, biedt native meer controle en prestaties.

Werken PWA’s op de iPhone en iOS?

Ja, PWA’s werken op de iPhone. Sinds iOS 16.4 (uitgebracht in maart 2023) ondersteunt Safari webpushmeldingen en apps op het beginscherm. Je installeert een PWA op iOS via het deelmenu in Safari en kiest “Zet op beginscherm”. Daarna opent de app fullscreen, net als een app uit de store.

Let wel op twee dingen. De installatie loopt op iOS alleen via Safari, niet via Chrome of een andere browser op de iPhone. En een handvol geavanceerde functies blijft op iOS beperkter dan op Android. Voor de meeste content-apps, portalen en webshops is dat geen probleem, maar test het scenario dat voor jouw gebruikers telt op een echt Apple-toestel.

Voorbeelden van bekende PWA’s

Veel grote merken draaien een PWA, vaak zonder dat gebruikers het doorhebben. Ze kiezen ervoor omdat één web-app op alle apparaten werkt en zonder app store bereikbaar is. Denk aan Pinterest, de Spotify-webplayer, Starbucks, Uber, Tinder en Telegram. Een paar cijfers maken duidelijk waarom.

  • Pinterest. Toen Pinterest zijn mobiele site herbouwde als PWA, stegen de kern-interacties met 60% en de advertentie-inkomsten uit gebruikers met 44%, volgens een case study van Google-engineer Addy Osmani.
  • Starbucks. De PWA van Starbucks is ongeveer 99,8% kleiner dan de native iOS-app (233 KB tegenover circa 148 MB) en verdubbelde het aantal dagelijkse webgebruikers dat een bestelling plaatst.
  • Spotify en X. De Spotify-webplayer en Twitter Lite (nu X) zijn allebei PWA’s, gebouwd om ook op zwakke netwerken licht en snel te blijven.

En Netflix? Netflix biedt op sommige platforms een installeerbare web-app aan die PWA-kenmerken heeft, al leunt het bedrijf op tv’s en telefoons vooral op native apps. De les is simpel: een PWA is geen tweederangs oplossing, maar een bewuste keuze van bedrijven die bereik en snelheid boven een app store-vermelding zetten.

Zijn PWA’s in 2026 nog relevant?

Ja, en meer dan een paar jaar geleden. De grootste rem was lange tijd Apple, dat pushmeldingen en installatie op iOS niet toestond. Dat is sinds iOS 16.4 opgelost, waardoor een PWA nu op vrijwel elk toestel volwaardig werkt. In combinatie met de mobiel-eerst realiteit van het web maakt dat een PWA een pragmatische keuze.

Tegelijk is een PWA geen wondermiddel. Voor content, klantportalen, webshops en dashboards is het vaak de slimste route. Voor games, of apps die diep in de hardware grijpen, blijft native de betere keuze. De vraag is dus niet of PWA’s nog relevant zijn, maar of jouw specifieke app er een goede kandidaat voor is.

Wanneer kies je een PWA, en wanneer native?

Kies een PWA als bereik, vindbaarheid en snelle laadtijden belangrijker zijn dan diepe hardwaretoegang. Voor een webshop, een klantportaal, een boekings- of dienstenapp, of content die ook in Google moet ranken, is een PWA meestal de betere en goedkopere keuze. Kies native als je een game bouwt of continu zware hardwarefuncties nodig hebt.

Een handige vuistregel:

  1. Kies een PWA bij een breed publiek, een beperkt budget, content die vindbaar moet zijn, of een app die vooral formulieren, lijsten en transacties bevat.
  2. Kies native bij zware graphics, games, intensief bluetooth- of NFC-gebruik, of wanneer een prominente plek in de app store een echt verkoopargument is.
  3. Twijfel je? Dan is een PWA vaak het slimme startpunt. Je bereikt iedereen met één codebase en kunt later alsnog een native schil toevoegen als dat echt nodig blijkt.

Er is nog een reden die vaak wordt vergeten: eigenaarschap. Een PWA draait op web-standaarden die je zelf in handen houdt, zonder afhankelijkheid van de spelregels van een app store. Wil je die afweging breder maken, lees dan de complete gids over maatwerk websites of bekijk hoe een moderne stack presteert in Astro en Next.js vs WordPress.

Wat kost het om een PWA te laten maken?

Een PWA is in de kern een goed gebouwde web-app met een extra laag installeerbaarheid en offline-caching. De kosten volgen daarom die van een web-app, en de PWA-laag zelf voegt relatief weinig toe: het manifest en de service worker zijn een kwestie van dagen, niet weken. Wat de prijs bepaalt, zijn de functies eronder.

Simpel gezegd: de vraag is niet “wat kost een PWA”, maar “wat kost de app die ik wil, en zetten we er een PWA-laag op”. Meestal is het antwoord ja, want die laag levert bereik en snelheid op tegen lage meerkosten. Voor een realistisch beeld van de bouwkosten per type helpt onze gids over een app laten maken, en voor de bredere aanpak van moderne websites onze pagina over maatwerk websites.

Wat is de eerste stap?

  1. Schrijf op wat de app moet doen. Niet de vormgeving, maar het doel en de kernfuncties. Wie gebruikt hem en welke handeling moet die vlot kunnen doen?
  2. Bepaal je hardware-eisen. Heb je diepe camera-, bluetooth- of NFC-functies nodig? Zo niet, dan is een PWA vrijwel altijd de snellere en goedkopere route.
  3. Kies een bouwer die je de eerlijke afweging geeft. Een goede partner vertelt je ook wanneer een PWA volstaat en je géén dure native app nodig hebt.

Plan een vrijblijvend kennismakingsgesprek als je wilt sparren over de juiste route voor jouw app. Geen verkoopdruk, wel een eerlijk advies over PWA of native. TopDevs is een Nederlands softwarebureau dat maatwerk software, AI-integraties en automatiseringen bouwt, en juist daarom kijken we eerst naar wat jij nodig hebt voordat we iets bouwen.