Hvad er en Progressive Web App (PWA)?
Hvad betyder PWA, og hvorfor er det vigtigt at tvinge denne teknologi på vores hjemmesider? Hjemmesideudvikling har ændret sig meget i de seneste år, og brugere forventer nu, at alt fungerer hurtigt, og at der ikke er nogen forsinkelse på et par sekunder. Problemet er, at ændringerne i downloadhastigheder, som websteder er begyndt at gøre på desktop, ikke afspejler sig så godt på mobile enheder.
Brugere bruger i øjeblikket mobile enheder mere end computere, og dette har været tilfældet i mere end fire år. Ifølge data fra Comscore Mobile Metrix bruger brugere 87% af deres tid på applikationer mod kun 13% på nettet.
Lad os se hvorfor:
- Applikationer er mere forudsigelige.
- Brugere har nem adgang fra telefonens skærm gennem appikonet.
- Der er push-meddelelser for at geninddrage brugere med personligt indhold, der bringer dem tilbage.
Men betyder det, at vi alle skal begynde at lave applikationer og forlade internettet? Selvfølgelig ikke!
78% af den samlede tid, som brugeren bruger på applikationer, bruger han maksimalt 3 af dem. Igen ifølge en undersøgelse foretaget af Comscore Mobile Metrix, downloader den gennemsnitlige bruger nul apps om måneden. På den anden side besøger han over 100 websteder i denne periode.
Apps loader hurtigere, kan arbejde offline, vise meddelelser, er mere sikre, og har adgang til telefonfunktioner som kamera, mikrofon osv. Der er dog begrænsninger, fordi de kræver forskellige versioner til hver platform. Ideen med PWA kombinerer hastigheden og funktionaliteten fra apps med adgangen til internettet fra mobil web.
Det primære mål med Progressive Web Apps er at fungere hurtigt, to se mere integreret ud med mobile enheder, at være mere Pålidelige og anvendelige..
Brugere forventer, at hjemmesiden kører hurtigt og ruller glat uden problemer. Hvis hjemmesiden indlæses i mere end 3 sekunder, vil du miste 57% af din trafik. Sitet bør give følelsen af en mobilapplikation, og du bør ikke fratage brugerne funktioner, som kan ses i applikationer. PWA bruger såkaldt offline lagring for at sikre, at din webapplikation aldrig ser offline ud for dine brugere. Anvendelighed og tilgængelighed er også i hjertet af. Progressive Web Apps. Designet og placeringen af elementer bør gøre alt så simpelt som muligt for brugerne.
Hvordan fungerer PWA, når der ikke er internetforbindelse?
Mød servicemedarbejderen. Dette er JavaScript, der kører separat fra browserens hovedfunktion, og som henter netværksanmodninger, cacher eller henter ressourcer fra cache og giver push-notifikationer. Kort sagt er service worker en JavaScript-funktion, der tager sig af dig, når websitet ikke er tilgængeligt i browseren.
Hvad er fordelene ved PWA:
- En reduktion i indlæsningstiderne efter appen er blevet installeret, takket være caching med servicearbejdere.
- Evnen til kun at opdatere det indhold, der har ændret sig, når der er en app-opdatering tilgængelig.
- Mere integreret udseende med den native platform
- Re-engagement af brugere gennem brug af push-meddelelser fører til bedre konverteringsrater.
- Brugere bruger mere tid på din service
- Nedsatte afvisningsrater for dine potentielle kunder
- Flere tilbagevendende besøgende
Hvordan kan vi vide, om en hjemmeside er en PWA?
Hver hjemmeside og online butik kan testes med Chrome-værktøjet: Lighthouse PWA Analysis Tool
Du kan se vellykkede eksempler på PWA på Twitter, Tui, Trivago, Guardian, Independent, Forbes, Terra, Gumtree, Wego, Airberlin, Nivea, CNN, Konga, Alibaba og Flipkart.