PWA (progressive web apps): de voordelen en nadelen op een rij | DTT
time
ma t/m vr, 9:00 - 18:00
flag-nl
NL dropdown-red
flag-nl Nederlands
search
SUGGESTIES
RESULTATEN
TOON ALLES
POPULAIRSTE ZOEKTERMEN

PWA (progressive web apps): de voordelen en nadelen op een rij

Leestijd ca. 10 min.

Deel dit artikel

share-linkedin share-email share-whatsapp
PWA (progressive web apps): de voordelen en nadelen op een rij

De Progressive Web App (PWA) is een nieuwe ontwikkeling op het gebied van web èn app development. Voorheen was er een groot verschil tussen web en app oplossingen, maar de PWA biedt nu een sterke mix tussen een website en een native mobiele app. Een PWA bedient alle apparaten met één oplossing, de PWA kan namelijk als mobiele app en als website gebruikt worden.

De vraag is in hoeverre PWA’s echt met native apps kunnen concurreren. Wat maakt deze apps ‘progressive’ en in hoeverre verschillen ze van native apps? Wij geven in dit artikel een overzicht van de functies van een PWA en gaan dieper in op de verschillen in vergelijking met native apps. Ten slotte worden niet alleen de voordelen van Progressive Web Apps genoemd, maar werpen we ook licht op de beperkingen.

Wat is een Progressive Web App (PWA)?

Volgens senior Google software engineer, Alex Russell is een PWA ‘’een website die alle juiste vitamines heeft genomen.’’ Een PWA biedt de oplossing voor de beperkingen van web-oplossingen op het gebied van performance, kwaliteit en internetverbinding, ook zorgt de PWA voor een soepele, native app-achtige ervaring op mobiele apparaten via de web-browser. Onderstaand geven we een aantal voorbeelden van succesvolle PWA’s:

De voordelen van een PWA

Het gebruik van een Progressive Web App (PWA), biedt meerdere voordelen:

1. Functionaliteiten van web èn app
Een PWA kan als app en website gebruikt worden. Dit betekent dat de functionaliteiten van de browser én het apparaat waarop de PWA wordt bezocht gebruikt kunnen worden. Denk bijvoorbeeld aan het gebruik van de camera, pushnotificaties (enkel op Android) of GPS.

2. Geen app installatie
PWA’s zijn via de browser beschikbaar en hoeven dus niet via een app store geïnstalleerd te worden, dit betekent ook dat je niet afhankelijk bent van de regels van de app stores. Gebruikers kunnen de PWA middels een URL direct openen via bijvoorbeeld een SMS bericht, e-mail of WhatsApp bericht. Dit heeft een positief effect op de conversieratio voor nieuwe gebruikers.

3. Groot bereik
Het bereik van een PWA is groter dan van een native app. De PWA is namelijk via de browser bereikbaar op; computers, mobiele telefoons en tablets.

4. Zichtbaar als app icoon
Een PWA kan worden toegevoegd (als app icoon) op het telefoonscherm van de gebruiker.

5. Geen app updates
Omdat de PWA verbonden is met het web zijn er geen app updates nodig, dit zorgt ervoor dat de gebruiker (mits verbonden met het internet) áltijd met de meest up-to-date app aan de slag kan.

6. Sterke performance
Een PWA heeft nauwelijks opslagruimte nodig en gebruikt minder resources dan een native app, terwijl de performance op delen vergelijkbaar is.

7. Offline gebruik
PWA’s kunnen deels offline worden gebruikt. Dit heeft een positief effect op de gebruikerservaring, zo hoeven gebruikers niet elke keer de volledige app te laden.

8. Ondersteuning voor SEO
In tegenstelling tot native apps, bieden Progessive Web Apps ondersteuning voor SEO (Search Engine Optimization). De websites kunnen bijvoorbeeld worden uitgelezen door de ‘crawlers’ van Google, waardoor de content van de PWA vindbaar is binnen de zoekresultaten van de Google zoekmachine.

9. Vaak goedkoper
Het ontwikkelen van een Progressive Web App is vaak goedkoper dan het ontwikkelen van Native apps, omdat er minder tijd nodig is voor de ontwikkeling.

10. Sterke basis voor doorontwikkeling
Een PWA kan fungeren als een sterke basis voor doorontwikkeling. Met de PWA bestaat de mogelijkheid om kosteneffectief ‘webpagina’s’ binnen een mobiele applicatie te integreren, welke vervolgens beschikbaar worden gesteld in de verschillende app stores. Een mooi voorbeeldproject waar DTT deze methodiek met succes heeft toegepast betreft de ‘Kruitbosch order app’. Een bijkomend voordeel in deze is dat je middels een native ‘wrapper’ ook native functionaliteiten kunt inbrengen, bijvoorbeeld push notificaties op iOS.

De nadelen van een PWA

Natuurlijk zijn er ook nadelen:

1. Niet vindbaar in de app stores
Het nadeel hiervan is dat gebruikers eerst zelf de website moeten bezoeken, voordat ze de app op hun telefoonscherm kunnen toevoegen.

2. Niet alle functies zijn beschikbaar
Niet alle functies van het toestel kunnen worden gebruikt (je hebt bijvoorbeeld geen toegang tot contacten, kalender, Bluetooth of NFC). Wanneer je applicatie intensief gebruik moet maken van de hardware van het mobiele apparaat, is het in veel gevallen verstandiger te kiezen voor een native applicatie in plaats van een PWA. Oplossingen welke gebruik maken van Bluetooth worden daarom bijvoorbeeld in de meeste gevallen native ontwikkeld.

3. Nog in de ontwikkelfase
De PWA en zijn compatibiliteit met (mobiele) browsers en besturingssystemen is nog volop in ontwikkeling. Zo ondersteunt Apple niet alle functionaliteiten van een PWA, waardoor de gebruikerservaring in sommige gevallen beperkter zal zijn. Op dit moment is het bijvoorbeeld niet mogelijk om; gebruik te maken van Bluetooth, push notificaties uit te sturen en gebruik te maken van Siri, Face ID en Touch ID.

4. Performance
Met een PWA kunnen goede resultaten worden bereikt als het gaat om performance, maar de performance van native apps ligt nog steeds stukken hoger dan die van een PWA. Wanneer je je in een concurrerende markt begeeft, waarbij je de eindgebruiker moet verleiden, kan het verstandiger zijn om te kiezen voor een native app.

De toekomst van PWA's

De voordelen van Progressive Web Apps zijn duidelijk en veelbelovend: je hoeft ze niet te downloaden of te installeren. Ze hebben een groot bereik en ze gaan zuinig om met data. Native apps bieden de beste ‘look and feel’, maar op dit gebied hebben PWA’s een mooie slag gemaakt. Dat PWA’s veelbelovend zijn, kan je ook merken aan de eerder gedeelde voorbeeld apps.

Er zijn nog limitaties wanneer het aankomt op PWA’s. Tot zo ver is Apple niet bereid om het app-formaat volledig te ondersteunen, waardoor de gebruikerservaring beperkter is dan op een Android toestel. Apple beschermt op deze wijze ook haar community en ecosysteem. Apple sponsort bijvoorbeeld de opleiding van veel iOS developers middels de 'Apple Academy' en wilt deze groep van iOS developers niet achterstellen. Door beperkingen op te leggen aan PWA-oplossingen welke worden opgezet door 'web ontwikkelaars', beschermt Apple haar community van iOS ontwikkelaars.

Is een PWA geschikt voor jouw organisatie?

Maar hoe weet je nu wat voor jouw organisatie het beste is? Er zijn vele factoren en belangen die daarin meespelen, zowel op de korte- als op de lange termijn. Op korte termijn kan een PWA bijvoorbeeld interessant zijn, maar wanneer je in de toekomst een feature wilt toevoegen die alleen native goed tot zijn recht komt, kan het in theorie betekenen dat de applicatie in zijn geheel opnieuw ontwikkeld dient te worden.

Ben je alsnog benieuwd naar een native of hybride app? Lees dan eerst nog dit artikel. Wil je weten of een PWA de juiste keuze is voor jouw organisatie? Als PWA ontwikkelaar geven wij vrijblijvend advies. Neem gerust even contact op, we staan je graag te woord.

Deel dit artikel

share-linkedin share-email share-whatsapp
Joost Gunterman

Meer weten?

Neem dan gerust contact op via de telefoon of e-mail. Wij staan je graag te woord.

Joost Gunterman

Offerte
aanvragen

Offerte aanvragen
Gebruik maken van onze diensten

Gesprek
aanvragen

Gesprek aanvragen
Gratis en vrijblijvend een afspraak
icon-close

Offerte aanvragen

Heb je een goed idee of concrete plannen voor het ontwikkelen van een app, game of web oplossing? Vul dan het formulier in voor een vrijblijvende offerte of kostenindicatie. Je ontvangt zo snel mogelijk antwoord van ons.

Naam is verplicht.
Naam is verplicht.
Ongeldig e-mailadres
Ongeldig e-mailadres
optioneel
Telefoonnummer mag alleen cijfers bevatten.
Telefoonnummer mag alleen cijfers bevatten.
optioneel
Er is een fout opgetreden bij het verzenden van het formulier.
Probeer het later nog eens of bel ons: 020 331 5848.
Naam is verplicht.
Naam is verplicht.
Ongeldig e-mailadres
Ongeldig e-mailadres
optioneel
Telefoonnummer mag alleen cijfers bevatten.
Telefoonnummer mag alleen cijfers bevatten.
optioneel

Gesprek aanvragen

Kennismaken met de specialisten van DTT? Je bent meer dan welkom bij ons op kantoor om vrijblijvend je idee te bespreken. Vul het formulier in en we nemen zo snel mogelijk contact met je op.

Naam is verplicht.
Naam is verplicht.
Ongeldig e-mailadres
Ongeldig e-mailadres
optioneel
Telefoonnummer mag alleen cijfers bevatten.
Telefoonnummer mag alleen cijfers bevatten.
optioneel
Er is een fout opgetreden bij het verzenden van het formulier.
Probeer het later nog eens of bel ons: 020 331 5848.
Naam is verplicht.
Naam is verplicht.
Ongeldig e-mailadres
Ongeldig e-mailadres
optioneel
Telefoonnummer mag alleen cijfers bevatten.
Telefoonnummer mag alleen cijfers bevatten.
optioneel
icon-close
thank you

Bedankt

We hebben je aanvraag ontvangen en nemen binnen 2 werkdagen contact met je op.

Spoed? Bel ons op 020 331 5848

linkedin Volg ons op LinkedIn
thank you

Bedankt

We hebben je aanvraag ontvangen en nemen binnen 2 werkdagen contact met je op.

Spoed? Bel ons op 020 331 5848

linkedin Volg ons op LinkedIn

Lees meer artikelen van DTT

Toon alles arrow-right
Toon alles arrow-right
icon-toast

Heb je een vraag?

Wij helpen je graag verder. Neem gerust contact met ons op.


Of laat je telefoonnummer achter en dan contacteren wij jou.

Er is een fout opgetreden bij het verzenden van het formulier.
Probeer het later nog eens of bel ons: 020 331 5848.
Telefoonnummer mag alleen cijfers bevatten.

Bedankt

We hebben je verzoek ontvangen en nemen binnen 2 werkdagen contact met je op.

Telefoonnummer mag alleen cijfers bevatten.
client-number-joost icon-close