Vad är PWA?

#EHANDEL#PWA
Vad är PWA?

Föreställ er alla styrkor som er webbplats kan erbjuda, tillsammans med alla fördelar som finns i en vanlig mobilapp, i en enda lösning. Introducerat av Google, och snabbt mottaget av både Microsoft och Apple; progressiva webbapplikationer (PWA) är lika mycket en teknisk evolution som det är att sätta kundens webbupplevelse i fokus.

Webbupplevelser förändras i takt med att ny teknologi sipprar upp till ytan och med tiden blir en förväntad standard hos användare. Det mobila användandet ökar i en rasande fart och idag rör vi oss snabbt mot en värld där gränserna mellan appar och webbplatser suddas ut, och likaså förväntningar och förståelsen att de fungerar på olika sätt.

På andra sidan har vi de som ansvarar för eller driver webbplatsen. Den person som står inför utmaningen att möta dessa förväntade standarder som kunden eller användaren har. Denna artikel är ämnad för er, och vårt syfte är att ge er en så bra insyn som möjligt i vad PWA är och dess fördelar.

Vad är PWA?

PWA står för progressive web application och är inte en specifik teknik, utvecklingsspråk eller verktyg. Enkelt förklarat är det snarare ett tillvägagångssätt för att se till så att en webbplats (även e-handel) inte bara beter sig som en webbplats, utan även som en mobilapplikation.

Det vill säga att den finns i en version som kan installeras som en vanlig app du laddar ner från App Store eller Google Play. Med fördelen att den även kan installeras direkt via webbläsaren. Väl installerad, finns den som vilken app som helst på användarens mobil.

Men även om appen inte installeras utan bara används som en vanlig webbplats, så är fördelarna många. När en användare surfar och stöter på en webbplats med PWA-stöd så vet webbläsaren detta utifrån en så kallat manifest-fil som levereras av webbplatsen. Det innebär att efter första besöket så fungerar den offline, kan skicka push-meddelanden och mycket mer.

Tekniken och tillvägagångssättet är idag väl beprövad och etablerat i alla moderna webbläsare. PWA är enormt populärt hos globala ledare inom online-teknologier. Vi pratar om företag som Pinterest, Aliexpress, Trivago, OLX och Forbes.

Vad är PWA rent tekniskt?

PWA:er är en modern hybrid mellan den mobila och stationär världen. Den generella idén kring progressiva webbappar är att med hjälp av standardiserade webbteknologier (JavaScript, CSS, HTML) bygga webbapplikationer som ser ut och fungerar precis som vanliga webbsidor. De är synliga i sökmotorernas sökresultat och kan länkas, men erbjuder liknande funktioner som inbyggda mobilappar.

Med det sagt så finns det ingen strikt teknisk standard (exempelvis utvecklingsspråk) för att bygga progressiva appar, utan det handlar snarare om att sätta kundens användarupplevelse i fokus utifrån vissa måttstockar. Dessa måttstockar, eller checklista, hjälper Google dig att kontrollera.

Vad Google säger om PWA

När Google beskriver PWA, så säger de så här:

Progressiva webbappar är användarupplevelser som har webbens räckvidd och är:

  • Pålitliga - Laddar direkt och ligger aldrig nere, även under osäkra nätverksförhållanden.
  • Snabba - Svarar på användarinteraktioner med snabba och smidiga animationer, utan jobbigt scrollande.
  • Engagerande - Känns som en naturlig app på enheten med fenomenal användarupplevelse.

Enligt Google är alltså PWA-standarden i grund och botten en metod som fokuserar på användarupplevelsen, men resten av deras definition kan vara lite otydlig. När är en webbplats snabb och engagerande nog för att kallas PWA? Är det viktigt att installera den hos användaren? Eller handlar det kanske om helhetsupplevelsen?

Kort sagt: när vet vi att vi har en godkänd PWA?

Till vår hjälp introducerade Google Lighthouse; ett verktyg med öppen källkod som gör det möjligt för utvecklare att granska en webbapp för PWA-funktionalitet. Med Lighthouse kan utvecklare kontrollera och förbättra kvaliteten på dina progressiva webbappar, och det eliminerar många av de manuella testerna som krävdes i PWA’s begynnelse.

För att kvalificera sig som en PWA måste applikationen uppfylla de flesta av punkterna i PWA-checklistan (minst 75 %).

Fördelar med PWA

Vårt sätt att så enkelt och matnyttigt som möjligt summera fördelarna med PWA är att dela in det i de två olika perspektiven; kund och affär.

PWA ur kundperspektivet

Det första och mest märkbara med PWA är laddningstiderna. En webbplats hastighet är en stor faktor som avgör kundens första intryck och genomsyrar hela upplevelsen. Idag har konsumenter vant sig vid en viss standard och är generellt mycket mer otåliga när det kommer till laddtider jämfört med bara för några år sedan.

Det finns siffror som visar att hälften av alla mobilbesök avbryts om laddningstiden av sajten är längre än tre sekunder. Det man också kan se är en stark korrelation mellan konvertering och laddningstid. Med PWA får man inte bara kortare laddningstider på upp till 2-3 gånger snabbare än en responsiv sajt, besökaren kommer också uppleva mycket mjukare och direkt responsivitet under användandet.

När allt är gjort på rätt sätt, är det inget konstigt med en laddningstid på 1 sekund eller lägre.

PWA håller kunden engagerad

Förutom hastighet och känslan som kunden får uppleva, så finns det ytterligare funktionalitet som förhöjer upplevelsen och får det mer likt en app som kunden är van vid. Vi tänker direkt på tre saker; push-meddelanden, möjligheten att få en appikon i mobilen och offline-kapacitet.

När push-meddelanden används på rätt sätt kan det definitivt engagera kunden, hålla denna uppdaterad och intresserad. Det kan vara allt från erbjudanden, nyheter eller andra händelser. Endast fantasin sätter gränser. Detta, i kombination med det faktum att kunden kan få in en appikon i mobilen, gör det väldigt enkelt för kunden att hitta tillbaka till er

Som grädde på moset så finns offline-kapaciteten, som gör det möjligt för kunden att surfa obehindrat när anslutningen är trög eller internet ligger helt nere. Även om du driver en e-handelsbutik är detta möjligt, och om man bygger en PWA på rätt sätt är det även möjligt för kunden att lägga saker i varukorgen och beställa. När anslutningen återupptas, så synkas allt och ordern blir systemmässigt lagd (inte bara ur kundens perspektiv). Otroligt användbart under exempelvis dagar med högt tryck som exempelvis black friday, där belastningsspikar kanske påverkar trafiken.

PWA ur affärsperspektivet

Lägre utvecklingskostnad och snabbare time to market

En stor fördel med PWA är utvecklingskostnad i jämförelse med en traditionell app. Med progressiva webbappar kan fokus ligga ett enda projekt som stödjer alla operativsystem och webbläsare istället för att bygga appar för enskilda enheter. Med en PWA är det möjligt att utveckla en webbplats och app på samma gång, med både lägre kostnader och kortare tid tills lanseringen på marknaden.

Det blir alltså en kodbas, en sak att underhåller och en sak att drifta.

Värt att tillägga är att ramverk som Vue Storefront, PWA Studio eller andra minskar också tiden och kostnaderna för PWA-implementering avsevärt.

PWA är SEO-vänlig

Självklart syns även PWA:er i sökmotorer, det är trots allt Google som ligger bakom det. En PWA kan optimeras enligt Googles riktlinjer och indexeras av Googlebot. Inga konstigheter.

contact

Ta kontakt

...så berättar vi mer!

Besök oss på
Kungsgatan 10, 111 43 Stockholm
thumb picthumb picGustav eller Mikael svarar inom 1 arbetsdag.

Senaste nytt från oss