Wat is een progressive web app (PWA)?

Een progressive web app (PWA) is een webapplicatie die je via de browser opent, maar die aanvoelt als een app. Je kunt hem op het startscherm van je smartphone of in het dock van je computer zetten, hij opent zonder adresbalk in een eigen venster en kan, als hij daarvoor is gebouwd, ook zonder internetverbinding werken.

MDN, de documentatie van Mozilla, omschrijft het zo: een PWA is gebouwd met webtechnologie, maar biedt een gebruikerservaring zoals een app voor een specifiek platform. Eén codebase draait op meerdere apparaten, net als een website, en kan net als een app worden geïnstalleerd en offline of op de achtergrond werken.

Wat is een progressive web app precies?

Het woord “progressive” zegt het al: een PWA is een gewone webapplicatie die stap voor stap extra mogelijkheden krijgt, afhankelijk van wat de browser en het apparaat ondersteunen. Werkt een functie niet op een bepaald device, dan blijft de basis gewoon bruikbaar in de browser. De kracht van een PWA ligt in die combinatie: het bereik van een mobiele website met de gebruiksvriendelijkheid van een app.

Volgens web.dev van Google draait een goede PWA om drie dingen:

• Capable: de app gebruikt moderne webfunctionaliteiten, zoals locatie, camera of notificaties.
• Reliable: de app is geoptimaliseerd voor snelheid, laadt snel en blijft werken bij een slechte of wegvallende verbinding.
• Installable: gebruikers kunnen de app installeren, waarna hij in een eigen venster opent en vanaf het startscherm, dock of de taakbalk te starten is.

Hoe werkt een PWA technisch?

Je hoeft geen developer te zijn om de bouwstenen te begrijpen. Er zijn er drie.

HTTPS

Een PWA moet via een beveiligde verbinding (HTTPS) worden geserveerd om installeerbaar te zijn. Voor een zakelijke webapplicatie is dat sowieso standaard.

Web app manifest

Het manifest is een klein bestand met de naam van de app, de iconen, de startpagina en hoe de app moet openen (bijvoorbeeld zonder browserbalk). Zonder manifest is een webapp voor browsers als Chrome en Edge geen installeerbare PWA.

Service worker

Een service worker is een script dat op de achtergrond tussen je app en het netwerk zit. Het kan bestanden, content en gegevens in een cache bewaren, zodat de app offline werkt of sneller laadt. Ook taken als achtergrondsynchronisatie en push notificaties lopen via de service worker. Strikt genomen is een service worker niet verplicht om een PWA te installeren, maar zonder service worker heb je geen offline functionaliteit.

Wat kunnen progressive web apps, en wat niet?

Moderne webapps en progressive web apps kunnen per oktober 2026 meer dan veel mensen denken. Ze kunnen onder meer:

• op het startscherm of in het dock worden geïnstalleerd;
• offline werken en gegevens later synchroniseren;
• push notificaties tonen, ook op iPhone en iPad vanaf iOS en iPadOS 16.4 voor apps die op het beginscherm zijn gezet;
• de camera, locatie en het delen van bestanden gebruiken;
• updates automatisch binnenhalen, zodat iedereen altijd de nieuwste versie heeft.

Er zijn ook beperkingen:

• Niet elke browser gaat er even ver in. Firefox op desktop ondersteunt het installeren van PWA’s via het manifest niet, en op iOS kun je geen eigen installatieknop tonen; gebruikers installeren via het deelmenu.
• Hardwaretoegang is beperkter dan bij native apps. Functies als Bluetooth of diepe integratie met het besturingssysteem zijn niet in elke browser beschikbaar.
• Geen automatische plek in de app stores. Een PWA vind je via zoekmachines en links, niet standaard in de App Store of Google Play.

PWA, native apps of een responsive website?

De keuze tussen een PWA, een native app en een responsive website hangt af van wat gebruikers moeten doen.

	Responsive website	Progressive web app	Native app
Openen	In de browser	Browser of startscherm	Startscherm
Installeren	Nee	Ja, zonder download uit een winkel	Via de app stores
Offline gebruiken	Nee	Ja, als het is gebouwd	Ja
Updates	Direct	Direct, geen downloaden	Gebruiker moet updaten
Hardwaretoegang	Beperkt	Gemiddeld	Volledig
Codebase	Eén	Eén voor alle platforms	Meestal per platform (iOS, Android)

Een responsive website past zich aan het scherm aan, maar blijft een website. Een native app wordt apart voor iOS en Android ontwikkeld en via de app stores verspreid. Dat geeft de meeste mogelijkheden, maar ook de meeste ontwikkel- en onderhoudskosten. Een PWA is vaak de gulden middenweg: één web app die op elk device werkt en toch een app-achtige ervaring geeft.

Het verschil tussen een website en een webapplicatie lees je uitgebreider in verschil tussen een website en een webapplicatie.

De belangrijkste voordelen van progressive web apps

PWA’s lossen een paar praktische problemen op die je met een native app of gewone website wel hebt. Dit zijn de belangrijkste voordelen die PWA’s bieden:

• Lagere drempel. Gebruikers hoeven niets te downloaden uit de appstore en geen account aan te maken bij Apple of Google. Ze openen een link en kunnen direct aan de slag.
• Eén codebase. Je ontwikkelt en onderhoudt één applicatie in plaats van aparte apps voor iOS, Android en het web.
• Altijd up to date. Nieuwe features en updates staan direct bij iedereen live, zonder wachten op goedkeuring.
• Betere gebruikerservaring op mobiele apparaten. Een PWA opent snel, voelt als een app en heeft een gebruiksvriendelijke interface zonder browserbalk. Bij klantgerichte toepassingen, zoals een bestelportaal, kan dat de conversie ten goede komen.
• Snelle laadtijd. Dankzij caching laadt een PWA bij terugkerend gebruik snel, ook bij een zwakke verbinding.
• Vindbaar. Omdat een PWA een webapplicatie is, kunnen openbare pagina’s gewoon door zoekmachines worden gevonden.

Voorbeelden: wanneer is een PWA een slimme keuze?

Een PWA past goed bij zakelijke toepassingen waarbij gebruikers vaak terugkomen en je niet afhankelijk wilt zijn van de app stores. Enkele voorbeelden:

• Monteurs en buitendienst. Werkbonnen, checklists en foto’s invullen op locatie, ook in een kelder zonder bereik, en later synchroniseren. Voor Van den Pol Elektrotechniek bouwden we een app die ook offline werkt, precies voor dit soort situaties.
• Klantportalen. Klanten zetten het portaal op hun startscherm en krijgen een notificatie als hun order klaar is.
• Interne tools. Medewerkers gebruiken dezelfde applicatie op kantoor, op de tablet in het magazijn en op hun telefoon.
• Registratie en inspectie. Formulieren die op een smartphone moeten werken en waarbij geen data verloren mag gaan.

Wanneer is een native mobiele app de beste keuze?

Een native applicatie is logischer als je app draait om intensief gebruik van hardware, zoals continue Bluetooth-verbindingen of geavanceerde camerafuncties, of als vindbaarheid in de app stores essentieel is voor je verdienmodel. Houd er wel rekening mee dat native app ontwikkeling meestal betekent dat je aparte apps bouwt en onderhoudt voor iOS en Android, met eigen functionaliteiten en releases per platform.

Hoe begin je met een PWA?

Een PWA is in de kern een goed gebouwde webapplicatie. Begin dus niet bij de techniek, maar bij de vragen:

1. Wie gebruikt de app, op welke apparaten en waar?
2. Moet de app offline werken, en wat moet er dan precies kunnen?
3. Welke notificaties zijn echt nuttig voor gebruikers?
4. Met welke systemen moet de app koppelen?

Heb je een bestaande website of webapplicatie, dan kun je die vaak stap voor stap uitbreiden tot PWA. In de praktijk begin je met HTTPS en een manifest, en voeg je daarna offline beschikbaarheid toe voor de onderdelen waar dat echt nodig is. Begin je vanaf nul, lees dan ook ons artikel over een webapplicatie maken.

Een webapp of PWA laten maken

Een progressive web app geeft je de ervaring van een app met het bereik en de onderhoudbaarheid van het web. Twijfel je of een PWA, native app of gewone webapplicatie het best past bij jouw situatie? Bekijk wat we doen als je een webapp laat maken en bespreek je idee met ons. Je krijgt binnen één werkdag reactie.