PWA (Progressive Web App)

PWA’s bieden een betere mobiele online beleving, waarbij het niet nodig is om apps van een appstore te downloaden.

Definitie van PWA:

Een progressieve web app (PWA) is een website die eruitziet en werkt zoals een native app.

Wat is een PWA (Progressieve Web App)?

Een progressieve web app of PWA is software dat is gebouwd met technologieën zoals HTML, CSS en JavaScript. Kortom, een PWA is een webpagina die eruitziet en werkt zoals een native app.

Hoe werkt een PWA?

Zoals gezegd is een PWA een webpagina die eruitziet en werkt zoals een native app. Een PWA is makkelijker dan een mobiele app omdat gebruikers niets te hoeven installeren.

Wat is het verschil tussen native apps, PWA en traditionele websites?

Een van de grootste verschillen tussen native apps, PWA’s en traditionele apps is het verschil in mogelijkheden.

Vergeleken met een traditionele website, starten mobiele apps sneller op en laden zelfs als er weinig tot geen netwerkbeschikbaarheid is. Deze apps en PWA kunnen pushmeldingen sturen en locatie delen. Deze voordelen heeft het internet tot nu toe niet kunnen bieden aan gebruikers. PWA’s hebben dezelfde mogelijkheden als een mobiele app en verbeteren de ervaring van internetgebruikers, maar zij hoeven hun mobiele opslagruimte niet te gebruiken om een app te downloaden.

Traditionele websites hebben een slechte reputatie als het om prestatie gaat: ze laden niet snel genoeg. Als scrollen en laden langer duurt dan 3 seconden, verlaten 53% van de mobiele gebruikers de pagina. Met elk jaar dat voorbijgaat, hebben gebruikers een kortere aandachtspanne. Direct laden is dus een manier om ervoor te zorgen dat je geen bezoekers en potentiële conversies verliest.

Wat zijn de voordelen van PWA?

Het belangrijkste voordeel van PWA’s is dat ze, in tegenstelling tot native apps, generiek zijn en daarom passen bij alle verschillende soorten mobiele telefoonbesturingssystemen. Dit betekent dat je een PWA op meerdere apparaten kunt gebruiken, terwijl voor mobiele apps een andere app moet worden gemaakt voor elke specifieke appstore zoals Android, iOS, enz.

Andere voordelen van PWA zijn:

Snelheid en consistentie: De PWA wordt direct geladen, zelfs als de netwerkverbinding niet optimaal is, omdat ze de belangrijkste resources van tevoren in het cachegeheugen opslaan. Bovendien reageren ze snel op interacties op de site, worden animaties snel geladen, en is er geen vertraging bij het scrollen. Dit zorgt ervoor dat klanten altijd een optimale ervaring hebben op je website, wat voorkomt dat ze je website verlaten.

Look & feel van een native app: PWA heeft de look & feel van een native mobiele app. Een gebruiker kan zelfs een klikbare afbeelding aan zijn startscherm toevoegen, net als met een ‘normale’ mobiele app. Ze bieden klanten een meeslepende ervaring zonder opslagruimte in te nemen.

Verbeterde conversieratio: AliExpress meldde dat het hebben van een PWA het aantal conversies van nieuwe gebruikers met 104% verbeterde ten opzichte van alle browsers en met 82% van alleen iOS.

Wat zijn de uitdagingen van PWA?

Hoewel PWA’s al langere tijd bestaan, duurt het toch langer dan verwacht voordat bedrijven ze ontwikkelen en inzetten. Dit kan komen doordat PWA is gemaakt door ontwikkelaars van Google en merken zoals Apple hun apparaten pas laat hebben aangepast om PWA te ondersteunen.

Apple verklaarde pas in 2018 dat ze PWA zouden gaan ondersteunen op hun mobiele telefoons. De reden dat Apple zo terughoudend is om PWA te ondersteunen op zijn apparaten is natuurlijk vanwege de appstore en de populariteit daarvan.

Of PWA deel gaat uitmaken van het leven van consumenten hangt mede af van de makers van mobiele telefoons en in hoeverre ze PWA toegang geven tot bepaalde telefoonfunctionaliteiten. Apple heeft bijvoorbeeld een strikter beleid over wat apps kunnen doen. Ze controleren ook de kwaliteit voordat ze bepaalde apps in hun app store goedkeuren.

PWA’s zijn ook nog steeds behoorlijk duur voor bedrijven om zelf te ontwikkelen. De meeste bedrijven wachten op de providers van hun e-commerceplatform om PWA’s te ontwikkelen en het aan te bieden in hun e-commercefunctionaliteit.

Hoe ziet de toekomst van PWA eruit?

De toekomst van PWA begint met single-page applicaties (SPAs). Bedrijven of e-commerceplatforms moeten eerst beginnen met het ontwikkelen van een single-page applicatie voordat ze overgaan naar PWA.

Single-page applicaties zijn apps die binnen internetbrowsers werken. SPA’s zijn momenteel populairder dan PWA’s. Voorbeelden van grote SPA’s die dagelijks gebruikt worden zijn Twitter, Facebook en Google.

Er is veel te doen rond PWA. Maar wat soms als PWA op de markt wordt gebracht, is in feit een SPA die met de verkeerde naam op de markt wordt gebracht. SPA’s hebben niet de offlinemogelijkheden die PWA’s wel hebben.

Een tip voor bedrijven die de mogelijkheden van PWA onderzoeken

Op zoek naar een PWA? Neem dan de eerste stap en ontwikkel een SPA voordat je overweegt aan een PWA te beginnen.

Ga naar de e-commercebegrippen

Ook interessant om te lezen

Bekijk alle resources
B2B E-Commerce Trends in 2020 en verder
Blog

B2B E-Commerce Trends in 2020 en verder

Lees de blog
Hoe start je een B2B e-commerceproject: een 10-stappenplan
Blog

Hoe start je een B2B e-commerceproject: een 10-stappenplan

Lees de blog
Hoe je de beste aanbieder van e-commerce-oplossingen kiest: 7 factoren om te overwegen
Blog

Hoe je de beste aanbieder van e-commerce-oplossingen kiest: 7 factoren om te overwegen

Lees de blog