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. Wil je meer weten over Progressive Web Apps? Meld je dan nu aan voor de Lunch&Learn PWA!

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 brochure: Progressive Web Apps, een succesvolle case
In de brochure wordt de case van tijdschrift Forbes besproken. Forbes maakt sinds 2017 gebruik van een Progressive Web App en dit heeft het tijdschrift al een hoop voordelen opgeleverd, welke voordelen dat zijn lees je in de brochure.

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.

Wil jij meer weten over Progressive Web Apps? Kom dan naar de Lunch&Learn PWA op dinsdag 19 februari en leer alles over Progressive Web Apps tijdens dit leervolle event. Meer weten over de Lunch&Learn? Lees het hier.

Lunch&Learn PWA

PWA is het buzzword van het moment, maar wat zijn nu precies Progressive Web Apps? Dit kom jij te weten tijdens de Lunch&Learn PWA op dinsdag 19 februari. Je komt niet alleen te weten wat een PWA is, maar ook wat jouw organisatie hier aan heeft en waarom jij moet kiezen voor een Progressive Web App in plaats van een native app. Wil jij het meeste uit jouw lunchtijd halen? Kom dan naar de Lunch&Learn.

BROCHURE – PROGRESSIVE WEB APPS, EEN SUCCESVOLLE CASE

Direct contact met een specialist: