Progressive Web Apps (PWA): alles wat u moet weten

Smartphones zijn apparaten die zijn ontworpen om applicaties, applicaties en nog eens applicaties te gebruiken. Volgens Forrester-onderzoek, van de totale tijd die we besteden aan het kijken naar onze telefoon, de 85% doen we in een applicatie. We gebruiken allerlei soorten apps: sociale netwerken, chats, muziekspelers, enz. Applicaties zijn over het algemeen zo goed geoptimaliseerd dat ze al efficiënt genoeg zijn gebleken om aan de snelheid te voldoen die nodig is voor een goede ervaring. Aan de andere kant vinden we mobiele websites die, hoewel ze al een ongelooflijk niveau van optimalisatie hebben bereikt en gemakkelijk toegankelijk zijn gezien de kracht van de huidige apparaten, Ze zijn nog wat zwaar en gebrek aan integratie voor onze gebruikelijke browser. Bedrijven als Facebook en Google zijn begonnen met het voorbereiden van initiatieven om dit prestatieprobleem op mobiele sites aan te pakken, door middel van acties zoals Facebook Instant-artikelen En Google versnelde mobiele pagina's. Deze beslissingen die streven naar meer vloeibaarheid lossen het probleem echter niet op, wat resulteert in webversies die gelaagd zijn of beperkter qua inhoud. Als oplossing bieden steeds meer websites de mogelijkheid om de native mobiele applicatie te downloaden voor een optimale ervaring. Maar wat als mobiele sites dezelfde kwaliteit en prestaties zouden hebben als een native app?

Progressieve webapps: Apps die rechtstreeks vanuit uw browser worden geladen

Progressieve webapps  of PWA zijn websites die op een server worden gehost en toegankelijk zijn vanuit de browser, maar aan de gebruiker worden gepresenteerd alsof ze een native iOS- of Android-applicatie zijn, die vrijwel dezelfde functionaliteit bieden met een grotere navigatietoegankelijkheid, omdat ze slechts één link verwijderd zijn. PWA wordt gestart vanaf elk Chrome-tabblad, waarbij alleen de weergave wordt geladen die de gebruiker voor zich heeft en geleidelijk wordt gedownload terwijl hij er doorheen navigeert, gegevens worden opgeslagen in de cache van uw apparaat om downloaden bij elk gebruik te voorkomen en uiteindelijk werkt op een manier zoals vloeiend als een app, omdat deze al in het geheugen van de telefoon is opgeslagen. De integratie van deProgressieve webapp met het apparaat en de ontvangst door browsers is zodanig dat ze beginnen toe te geven functies die voorheen exclusief waren voor native apps zoals geolocatie, meldingen of offline gebruik. Bovendien zorgt het concept van “web dat een app wordt” ervoor dat de website sneller kan navigeren, een ontwerp aangepast voor mobiele telefoons met verschillende specificaties en schermformaten en zelfs een snelkoppeling op de startpagina. Eenmaal bezocht, gebruikt de PWA de mogelijkheden van moderne browsers om een gebruikerservaring te bieden die net zo goed is als die van een native applicatie. Opgemerkt moet worden dat deze apps anders zijn dan een hybride applicatie, die gebruik maakt van HTML5 verpakt in een native app-wrapper, maar in afwachting van installatie via een App Store, met de voor- en nadelen die dit met zich meebrengt.

Voordelen van een Progressieve webapp 

Voordelen van een PWA voor de gebruiker

Het belangrijkste voordeel voor de gebruiker is dat hij geen applicatie hoeft te downloaden. Het is niet nodig om naar de app store te gaan, te wachten tot de app is gedownload en deze vervolgens te openen.

De technische voordelen van een Progressieve webapp

• Is responsief, zodat het zich gemakkelijk aanpast aan elke resolutie of schermformaat.
• De applicatie kan zelfs werken als de gebruiker offline is, zolang hij deze eerder online heeft gebruikt.
• De gebruiker hoeft niet van tijd tot tijd “een applicatie-update te downloaden”, aangezien deze allemaal op internet staat. De volgende keer dat de gebruiker de app opent, staat de nieuwe versie er al.
• De inhoud van de app wordt geleverd met TLS om inbraak te voorkomen en zo veilig te zijn.
• Het is compatibel met SEO-gebaseerde strategieën, zodat alle zoekmachines de inhoud van de applicaties kunnen vinden.
• Progressieve webapps bieden u kunt u pushmeldingen verzenden aan gebruikers en nodigt hen uit voor herhaling.
• Hiermee kunnen gebruikers vanaf hun startscherm directe toegang tot internet krijgen, alsof het een app is.
• Het is gemakkelijker om uw inhoud te delen, omdat dit alleen afhangt van het sturen van een link naar iemand anders.

Succesverhalen van progressieve webapplicaties

Flipkart, op e-commerce gebaseerde PWA

Het is de India's grootste e-commerce winkel. Ze bouwden Flipkart Lite, de PWA-versie van hun originele app, wat resulteerde in een stijging van 70% in verkoopconversies. Bovendien had de Flipkart Lite-app nog andere indrukwekkende successen:

• De tijd die gebruikers op de site doorbrachten, is tot drie keer zo groot geworden
• Een 40% meer betrokkenheid
• Het dataverbruik werd teruggebracht tot bijna een derde van wat de volledige webversie vereiste

De Washington Post, combinatie van AMP en PWA

Ongeveer 55% van uw verkeer is afkomstig van mobiele apparaten, dus het verbeteren van de leeservaring op mobiele apparaten zou een fundamentele taak zijn als ze hun positie als referentiemedium op de lange termijn willen behouden. Om dit te bereiken stelden ze zich ten doel om hun content zo snel mogelijk op mobiele telefoons te laten laden en tegelijkertijd hun artikelen te laten indexeren in zoekmachines, waardoor ze de optie van een hybride app uitsloten. Ondanks dat ze vertrouwden op geavanceerde functies zoals thumbnails, tekstdetails en links in hun progressieve webapp, bereikten ze hun doel en verbeterden ze hun gegevens:

• 23% toename van gebruikersbehoud van mobiel zoeken gedurende 7 dagen
• 88% verbetering in laadtijd van AMP-inhoud vergeleken met het traditionele mobiele internet
• Meer dan 1.000 artikelen gepubliceerd door The Washington Post in een volledig browservriendelijk formaat

Voor veel bedrijven die originele content produceren, kan dit een manier zijn om leads te genereren, een nieuw publiek te bereiken en verbindingen te leggen met gebruikers die de applicatie in een andere situatie niet zouden hebben gebruikt, maar deze dankzij een simpele link veel toegankelijker vinden.