Wat is een PWA?

Een PWA is een website die zich gedraagt als een app. Je kunt hem op je beginscherm zetten, hij werkt zonder verbinding en hij kan meldingen sturen.

De afkorting staat voor progressive web app.

Onder de motorkap is het gewoon een website.

Wat hem tot een PWA maakt

Drie dingen: een bestand dat beschrijft hoe hij heet en welk pictogram hij heeft, een script dat op de achtergrond draait, en een beveiligde verbinding.

Meer daarover lees je bij frontend.

Het achtergrondscript

Dat vangt verzoeken op en kan bestanden uit een eigen opslag serveren. Daardoor werkt je site ook zonder verbinding.

Meer daarover lees je bij cache.

Wat je bezoeker ziet

Een melding dat hij je site kan installeren. Doet hij dat, dan komt er een pictogram op zijn beginscherm.

Meer daarover lees je bij het verschil met een native app.

Mijn vuistregels

1. Alleen bij een site die mensen vaak gebruiken.
2. Zorg eerst dat je mobiele site goed is.
3. Meldingen spaarzaam gebruiken.
4. Test wat er offline gebeurt.

Die tweede is de belangrijkste: een PWA repareert geen slechte mobiele site.

Voor wie het zinvol is

Voor diensten die mensen dagelijks openen. Bij een bedrijfssite die iemand één keer bezoekt, niet.

Meer daarover lees je bij wanneer een PWA zinvol is.

In welke browsers

In alle moderne browsers, al verschilt wat er precies mogelijk is per besturingssysteem.

Meer daarover lees je bij mobile first.

Veelgestelde vragen hierover