Progressive web apps uitgelegd

Hoe relevant zijn progressive web apps vandaag? Klanten vragen ons vaak of ze moeten investeren om van hun website een progressive web app te maken. Maar wat is een progressive web app, wat haal je eruit, en voegt het waarde toe voor je bedrijf?

Een progressive web app is een website die moderne browserfuncties gebruikt om aan te voelen als een app. Het is geen formele standaard, maar een verzameling technieken. PWA's ontstonden uit de zoektocht naar één universele manier om apps op alle mobiele toestellen te hebben: wat de technologie of het merk van je toestel ook is, een PWA kun je erop "installeren".

De techniek even buiten beschouwing: met een PWA openen je gebruikers je website rechtstreeks vanaf hun startscherm, in plaats van een browser te openen en je adres te typen of ernaar te zoeken. Je website wordt een icoon op het startscherm dat mensen elke dag zien.

Als dit kan, waarom doet niet iedereen het? Elke website wil dagelijks bezocht worden, dus op het startscherm staan is de droom, toch? Tja, ja en nee. Het resultaat is interessant, maar niet elke website moet er een prioriteit van maken.

Open je smartphone en kijk naar de apps die een plekje op je startscherm verdienden. Op het mijne zie ik alleen apps die ik elke dag gebruik en waarvan ik zeker weet dat ze iets toevoegen aan mijn dagelijks leven.

Weet je zeker dat je website dat doet, maak er dan gerust een PWA van. Zolang je bezoekers dat ook vinden, natuurlijk.

Een PWA is een set basisprincipes die je website installeerbaar maken:

• je website draait op HTTPS;
• je maakt een manifestbestand en linkt het vanaf je website;
• je zet een service worker op die de netwerkverzoeken van je website beheert.

Samen kunnen die een melding van de browser activeren om de website aan het startscherm toe te voegen. Er is geen centrale PWA-winkel: mensen moeten je website bezoeken. De browser stelt dus pas voor om de PWA te installeren als gebruikers er al actief mee bezig zijn.

Update: we schreven dit in 2021. Sinds iOS 16.4 (2023) kunnen web apps die op het startscherm van een iPhone staan ook pushmeldingen sturen.

Waarom kies je een PWA in plaats van een native app? Eenvoudig gezegd: een native app die op de traditionele manier gebouwd is, vraagt een aparte investering per platform. Technologieën zoals React Native beperken dat, maar je website installeerbaar maken blijft een kleinere investering.

Denk je aan een native app, maar wil je kostenefficiënter werken? Dan is een PWA zeker het overwegen waard. Maar onthoud altijd dat je bezoekers extra waarde willen uit wat je aanbiedt. Een PWA mag geen veredelde bladwijzer worden: hij moet een actieve rol spelen in het dagelijks leven van je gebruikers. Anders staan ze geen plek op hun startscherm af.

Lees de andere delen van onze reeks "uitgelegd", over de Jamstack en over de voor- en nadelen van een headless CMS, en laat ons op LinkedIn weten over welk onderwerp je hierna wilt lezen.