Terug naar de woordenlijst

Progressieve webtoepassing (PWA)

Een progressieve webtoepassing (PWA) is een webapplicatie die zich gedraagt als een mobiele app: ze opent vanuit een browser, kan op het beginscherm worden geïnstalleerd en blijft werken bij een zwakke of ontbrekende verbinding. Ze combineert het bereik van het web met de ervaring van een app.

Waarom het belangrijk is

Een PWA is bereikbaar via een simpele URL: geen download uit een store, geen installatiedrempel, en de content kan door zoekmachines worden geïndexeerd. Voor een bedrijf betekent dat één ervaring die op elk apparaat werkt en gedeeld kan worden als een link. Ze vervangt een native app niet voor alles, maar breidt je aanwezigheid uit naar elke gebruiker die nooit een store zal openen.

Hoe het werkt

Twee stukken webtechnologie doen het meeste werk. Een service worker zit tussen de app en het netwerk en slaat content op in de cache, zodat pagina's direct laden en offline blijven werken. Een web app manifest beschrijft de naam, het icoon en de kleuren van de app, waardoor de browser installatie op het beginscherm kan voorstellen. Geserveerd via HTTPS start de PWA vervolgens schermvullend zoals elke app, terwijl ze onderhuids een website blijft: één codebase, altijd up-to-date, geen storevalidatie nodig.

Een concreet voorbeeld

Een buurtrestaurant drukt een QR-code af op zijn menukaart en deelt dezelfde link op Instagram. Wie de code scant, opent de PWA direct in de browser: het menu van vandaag, bestellen, de klantenkaart. De browser stelt vervolgens voor om de app aan het beginscherm toe te voegen, en vanaf dat moment opent ze schermvullend zoals elke geïnstalleerde app. Geen store, geen downloaddrempel, één link die het werk van een complete funnel doet.

Hoe GoodBarber hierop aansluit

Elke GoodBarber-app bestaat als native iOS- en Android-app én als PWA, gegenereerd vanuit hetzelfde project en dezelfde content. Jij beheert één app; je publiek kiest zijn ingang. Lees meer over de PWA-technologie van GoodBarber of maak een PWA.

Veelgestelde vragen

Kan een PWA worden geïnstalleerd zoals een gewone app?
Ja. Zodra aan de technische criteria is voldaan, biedt de browser aan om de PWA aan het beginscherm toe te voegen. Ze krijgt dan een eigen icoon en opent schermvullend, zonder browserinterface, net als elke geïnstalleerde app.
Is een PWA beter dan een native app?
Ze beantwoorden verschillende behoeften. Een native app biedt de diepste integratie met het apparaat en een plek in de stores; een PWA biedt directe toegang zonder download en indexeerbaarheid op het web. Veel projecten presteren het best met beide, en daarom genereert GoodBarber ze allebei vanuit één project.
Werkt een PWA op de iPhone?
Ja. Safari installeert een PWA via het deelmenu met "Zet op beginscherm", en ze draait schermvullend zoals elke app. De iOS-ondersteuning is door de jaren heen steeds beter geworden; webpushberichten, historisch gezien de ontbrekende schakel, worden ondersteund sinds iOS 16.4.

Handige links

Verwante termen