Wat zijn Progressive Web Apps?

De nieuwe standaard voor jouw organisatie

Wij zeggen het maar meteen: “jouw organisatie moet zijn Native app vervangen voor een Progressive Web App”, waarom? Progressive Web Apps (PWA’s) zijn de nieuwe standaard en er zijn vele voordelen aan PWA’s verbonden, maar wat zijn het nu precies en waarom zijn deze “nieuwe” apps zoveel beter dan de apps die wij alweer een aantal jaar gebruiken? Dat lees je hier.

Wat zijn Progressive Web Apps?

Een Progressive Web App is een website met het karakter van een app. Zo profiteren websites die gemaakt zijn volgens het PWA principe van de sterke punten van Native apps zonder de nadelen van Native apps, omdat het geen aparte techniek is, maar ‘slechts’ een set van richtlijnen, die is gecreëerd door Google en waar jouw website code/techniek aan moet voldoen. In de praktijk betekent dit vaak wel dat jij de website opnieuw moet opbouwen, maar aan een PWA zijn wel heel veel voordelen verbonden.

Samengevat is een PWA dus een app die vanuit een webbrowser wordt gestart en net als een Native app is op te slaan op het homescreen van jouw telefoon. Als gebruiker hoef je de app niet te downloaden en hierdoor blijft de app altijd up-to-date terwijl deze ook offline beschikbaar is.

Download hier de whitepaper: Organiseer jouw data in 6 heldere stappen
Data is overal en veel organisaties hebben dan ook een data overload. Wat moet je nu doen met al deze data? En hoe gebruik jij deze zo efficiënt mogelijk? Dat lees je in deze whitepaper:

De voordelen van PWA’s

Progressive Web Apps zijn dus gebruikerservaringen die het bereik van het internet hebben en hierdoor zijn er een hoop voordelen aan verbonden. Een groot voordeel van de PWA-techniek is dat deze is gebaseerd op open standaarden: PWA’s worden opgebouwd uit HTML, CSS en JavaScript. De apps zijn hierdoor sneller en goedkoper. Native apps moeten vaak nog apart worden onderhouden in Android en iOS.

De PWA die geïnstalleerd is, laadt als het ware de responsive website, maar deze is dan in de ‘cache omgeving’ van jouw mobiel geladen. Doordat de website een stukje aanwezig is/blijft op de mobiele telefoon worden telefoonfuncties makkelijker uit te voeren, zo zijn het versturen van push notificaties en het openen van de camera makkelijker. Deze belangrijke succesfactoren worden mogelijk gemaakt doordat de PWA’s voorzien zijn van een nieuwe set API’s, die ‘service workers’ worden genoemd. De ‘service workers’ maken het mogelijk om op de achtergrond JavaScript te laten draaien: dit is weer erg nuttig voor het pre-laden van content, synchroniseren en ontvangen van data en versturen van push notificaties. Hierdoor wordt de app oftewel de responsive website dus veel sneller en makkelijker in het gebruik, maar dat zijn niet de enige voordelen. Zo zijn de overige voordelen van een PWA als volgt:

  • Betrouwbaar: Een PWA laadt onmiddellijk zelfs in onzekere netwerkomstandigheden. Zo is een Progressive Web App zelfs offline beschikbaar. De technische ‘service workers’ zorgen ervoor dat het ook op lage wifi of 3G-netwerk connect met online. De combinatie van data offline en service werkers, die op de achtergrond data kunnen verversen of versturen zorgt voor een grote mate van connectiviteit.
  • Snel: De nieuwe app versie reageert snel op gebruikersinteracties en ook is het ladingsvermogen een stuk sneller van bijvoorbeeld afbeeldingen.
  • Engaging: Een PWA lijkt net een gewone app op jouw apparaat, maar het heeft een veel betere user experience.
  • Progressive: De PWA werkt voor iedere gebruiker, ongeacht de browser, omdat het gebouwd is met normale webtechniek.
  • Responsive: Geschikt en passend voor elke vorm; desktop, mobile, tablet, etc.
  • App-like: Het voelt als een app, omdat de techniek zorgt voor een scheiding van de content/informatie en functionaliteit.
  • Up-to-date: De data is altijd up-to-date, dankzij de service werkers, die op de achtergrond zorgen voor het update proces.
  • Veilig: Een PWA is altijd en alleen mogelijk via een HTTPS verbinding, zodat het veilig is.
  • Zoekmachine vriendelijk: Volgens het W3C manifest is een PWA geaccepteerd als applicatie en is de data indexeerbaar en Google geeft PWA websites/applicaties zelf voorrang in hun zoekresultaten! Kortom Progressive Web Apps presteren beter in de zoekmachines dan normale websites; deze worden namelijk bestraft door google. Wil je meer weten over hoe jij hoog kan scoren in de zoekresultaten van Google? Bekijk hier 9 tips voor Search Engine Optimization.
  • Vergroot herhaalbezoek en loyaliteit: Met PWA’s vergroot je herhaalbezoeken en klantloyaliteit doordat het versturen van Push Notificaties mogelijk is.
  • Makkelijk te installeren: Zorgt ervoor dat bezoekers de app (het app icoon) makkelijk kunnen installeren en niet dit met een extra stap via de App store of Google Play store hoeven te doen.
  • Linkable: De app kan makkelijk uitgewisseld worden door het versturen van een link en zonder verdere complexe installaties.

Case Forbes

Tijdschrift Forbes weet ook dat zij digitaal niet achter kunnen blijven. Zo hadden zij al een goed draaiende online redactie, maar sinds vorig jaar (2017) hebben zij een Progressive Web App gelanceerd en dat levert het tijdschrift ontzettend veel voordelen op.

Zo vertelt de Chief Product Officier dat de Progressive Web App Forbes de volgende voordelen heeft opgeleverd:

  • Een stijging van 43% van de sessie per gebruiker.
  • Doordat de gebruiker langer op de app zit is er een stijging van 20% in de zichtbaarheid van de advertenties.
  • De scroll depth is 3 keer verhoogd.
  • De engagement is maar liefst verhoogd naar 100%!

Bekijk de video om te zien wat Progressive Web Apps voor Forbes hebben betekend en hoe zij hier gebruik van maken.

Wil jij meer weten over Progressive Web Apps? Neem dan contact op met één van onze experts! Wil jij binnenkort een event bijwonen over Progressive Web Apps? Schrijf je dan in voor onze nieuwsbrief en blijf op de hoogte van onze Fundamental events zoals de Lunch&Learn, Developer Talks en Conferences.

WHITEPAPER – ORGANISEER JE DATA IN 6 HELDERE STAPPEN

Organiseer je data in 6 stappen website

Direct contact met een specialist: