PWA - De Frontend Revolutie

Talloze consumenten geven de voorkeur aan online shoppen via smartphone of tablet. Hierdoor vragen webwinkeleigenaren zich af hoe ze deze doelgroep het beste kunnen bereiken: via een responsive webshop of een app? Apps zijn sneller en gebruiksvriendelijk, daarentegen zijn de ontwikkelingskosten vaak hoger dan bij een responsive webshop. Bovendien, installeren online consumenten liever geen app voor een éénmalige aankoop.

Met een PWA ervaart u de voordelen van een app en een responsive webshop binnen één oplossing. Dit heeft tot gevolg dat veel webshops momenteel overwegen om over te gaan naar een Progressive Web App.

Dit artikel is bestemd voor alle webshops die de competitie voor willen blijven door te investeren in webshop technologie. 

Wat is een Progressive Web App?

Laten we een stapje terug doen. Vroeger maakten klanten voornamelijk gebruik van hun desktop computers om online te winkelen. Tegenwoordig is dit verandert naar het gebruik van smartphones en tablets.  Zoals gewoonlijk, bleef de ecommerce industrie de trends volgen en ontwikkelden zij hun platform om hun doelgroep te kunnen blijven bedienen.

Dat begon met het maken van mobiele websites en daarna zelfs mobiele applicaties. Echter was het een uitdaging om voor beide platformen een aantrekkelijke gebruikerservaring neer te zetten en waren er verschillende CMS systemen nodig om het te onderhouden.

Nog steeds beheren sommige ecommerce platformen individuele mobiele applicaties. Maar de meeste doen dit niet, vanwege te hoge kosten. Terwijl technologische innovaties blijven groeien, is er op dit ogenblik een nieuwe oplossing: PWA, Progressive Web Apps.

Misschien heeft u gehoord over API-driven, micro-services of headless e-commerce en nog veel meer van dit soort concepten. PWA is gewoonweg een technologie die hierbij aansluit. Kortgezegd, is een PWA een set aan technische oplossingen (ontwikkeld door Google) om uw responsive webshop te laten functioneren als een App.

Wat zijn de voordelen van een PWA?

Traditioneel gezien zou een ecommerce platform zowel de backend als frontend voor een webshop aanleveren. Echter is dit met de komst van PWA niet van toepassing. Waarom? Met PWA is het bijvoorbeeld mogelijk om uw backend op Magento 2 te draaien en uw frontend op Vue StoreFront. Dit combineren van CMS systemen is de basis van ‘headless’ e-commerce.

Voordelen van een PWA ten opzichte van een Responsive webshop

  • Offline beschikbaar en toegangbaar via app op home-screen
  • Functioneert als normale responsive website, wanneer apparaat PWA niet ondersteunt of gebruiker geen toestemming geeft.
  • Sneller - maar dan ook echt véél sneller
  • Vergroot het aantal herhaalaankopen dankzij push notificaties
  • Full screen ervaring, geen url balk in zicht.

Voordelen van een PWA ten opzichte van een native app

  • Geen updates noodzakelijk
  • Lage drempel om te installeren (akkoord geven ipv een App store bezoeken)
  • Gemakkelijk filteren door middel van zoekmachine
  • App Shell - laad zonder falen en direct de interface op het scherm van de gebruiker
  • Geen ontwikkelkosten per platform, het werkt altijd
  • Indexeerbaar op zoekmachines, je gebruikt je content voor SEO op mobiele apparaten
 Native AppResponsive websiteProgressive Web App
Push notificaties       √               ×                 √
Werkt offline       √               ×                 √
Toegangbaar via app op homescreen               √               ×                 √
Volledig scherm instelbaar       √               ×                 √
Binnen één CMS       ×               √                 √
Werkt op ieder apparaat       ×               √                 √
Updates niet van toepassing       ×               √                 √
Filteren met zoekmachine       ×               √                 √
Downloaden is niet nodig       ×               √                 √

PWA bevat dus de beste functionaliteiten van een responsive website en een native app - en dat allemaal binnen één platform.

Lees meer over de voordelen van een PWA op Google's PWA pagina.

Ecommerce platformen en PWA

Hoewel het mogelijk is voor developers om eigenhandig een PWA oplossing te bieden, blijft het een intensieve en moeilijke uitdaging. Vanwege complexe bijkomstigheden binnen de e commerce omgeving is het logischer om voor een Open Source PWA oplossing te kiezen. Dat is precies wat MultiSafepay aanhoudt bij het ontwikkelen van PWA Oplossingen. Momenteel zijn er een paar Europese PWA aanbieders binnen de ecommerce markt, dat zijn Vue StoreFront, Magento PWA Studio and Deity.

MultiSafepay en PWA

Magento biedt al sinds versie 2.3 een PWA oplossing genaamd ’PWA Studio’. Dit is gunstig voor Magento gebruikers omdat ze er op kunnen vertrouwen dat Magento voor beide hun backend en frontend oplossingen bieden. Wij zijn ook ervaren met Vue StoreFront en gaan binnenkort beginnen met het toevoegen van nieuwe onderdelen voor React en Vue op Github.

PWA voor uw webshop

Een ding is duidelijk, er zijn veel voordelen betrokken bij Progressive Web Apps. Maar wanneer is nou het juiste moment om met PWA te starten? Wij vroegen het aan onze ‘Integration Product Owner’ Berend Lantink:

“Als u net heeft geïnvesteerd in een responsive oplossing dan raad ik u aan de markt te volgen, maar nog even af te wachten. Er zijn echter ook veel merchants die komende periode overstappen naar Magento 2.

Voor deze merchants is dit hét moment om direct met PWA aan de slag te gaan. De standaard frontend van Magento 2 is namelijk erg complex. Mede hierdoor zijn de ontwikkelkosten hoog. Mijn advies is om goed met uw huidige developer te communiceren, sommige voeren al succesvolle PWA projecten uit, andere wachten de markt af. Voor elke merchant die graag de concurrentie voor wilt blijven door technisch te innoveren raad ik aan om eens met uw developers te spreken. Vraag of zij al met PWA’s werken en wanneer ze adviseren u om te zetten.

Vrijwel alle e-commerce platformen zijn er mee bezig en bieden zelf koppelingen of kunnen u koppelen met een van de PWA oplossingen. Wij helpen u graag met het integreren van ons platform in de PWA, ongeacht welke oplossing er wordt gebruikt.

De impact van PWA op het development team

Tijdens het begin van de ecommerce revolutie, waren het ecommerce platformen zoals OsCommerce die het meest populair waren. Dit was ook het begin van MultiSafepay, waar het development team begon met het ontwikkelen van plugins. Developers hielden zich toentertijd vooral bezig met het perfectioneren van plugins voor merchants. Niet lang daarna was het mogelijk voor webwinkeleigenaren om eigenhandig hun plugins te downloaden en installeren. Met PWA's als aankomende meest prominente vorm van online shoppen gaat dit allemaal veranderen. Voor MultiSafepay betekent dit vooral meer focus op het bieden van meer services voor merchants.

Onze developers zullen zich meer gaan focussen op het leveren van webshops op meerdere platformen en frameworks. Daarnaast, beginnen we met het aanbieden van PWA oplossingen om uw webshop een flinke boost te geven.


Wilt u meer weten over wat PWA voor uw business kan doen?

Neem contact op

Altijd de laatste nieuwtjes ontvangen?