Wat zijn Progressive Web Apps?

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.

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.