
Progressive Web Apps
Hvad er PWA, og hvorfor bør det interessere dig?
Antallet af mobilbrugere eksploderer i disse år, og stadigt flere oplever udelukkende dit website fra håndholdte enheder, med de fordele og ulemper det giver. Fordele fordi det er nemt og tilgængeligt og ulemper fordi det stadig er de færreste websites, som for alvor er optimeret til mobilen.
Med over 60% af den samlede internettrafik via mobilen og med de varierende båndbredder, dårlige 2G forbindelser og forskellige skærmstørrelser på markedet, er det snarere reglen end undtagelsen med en halvdårlig oplevelse. Og det kan ikke undgå at smitte af på din virksomhed eller organisations image.
Er en native IOS eller Andriod app svaret?
Hvis man har økonomien og tålmodigheden til det, kan løsningen være at få udviklet en native IOS eller Android app, men flere og flere indser også problemerne i den tilgang. Det er dyrt, langsommeligt og bureaukratisk at vedligeholde (selv om godkendelsesprocessen i App Store er blevet hurtigere), og kunderne har ofte en naturlig modvilje mod at installere endnu flere apps på deres i forvejen hårdt prøvede home screen.
De fordele, der traditionelt har været at hente på native apps, er efterhånden ved at blive indhentet af de teknologier, som nu kan bringes i anvendelse med en webapp, eller ”progressive web app” som PWA dækker over.
Om Progressive Web Apps
- Fungerer off-line
- Ingen installation
- Behøver ikke publiceres i App Store eller Google Play
- Bedre konvertering end på websites
Hvad er fordelene ved en PWA?
Hvis vi ser nærmere på nogle af de kerneegenskaber, som gør en PWA til en attraktiv løsning, og som samtidig eliminerer mange af de fordele, vi traditionelt kender fra en native app, vil vi nævne følgende:
Pålidelighed
Løsningen skal være lynhurtig og loade med det samme, også når der er dårlig eller slet ingen forbindelse til nettet. Nogle undersøgelser viser, at brugerne vil være tilbøjelige til at forlade en side, der er er mere end 3 sekunder om at loade.
Hurtighed
Sideskift, scrolls og alle interaktioner i det hele taget skal opleves gnidningsfrit og uden hak og tøven. Der er ikke noget mere frustrerende end et ”sticky” website.
Responsiv
Man kan godt bygge responsive websites, men mange løsninger er stadig bygget med udgangspunkt i en desktop browser. Løsningen skal være skræddersyet til håndholdte enheder uden at gå på kompromis.
Installation
Hvis vi for alvor skal nærme os en native app, skal PWA’en kunne installeres og være tilgængelig både on- og offline. Den skal kunne aktiveres fra din home screen og kunne åbnes med et enkelt klik.
Splash Screen
Ja ja, vi ved det godt - det er noget pop og lidt ulødigt, men alligevel:) Det ser lækkert ud med en splash screen når PWA’en åbnes, og gjort rigtigt kan det sætte den helt rigtige forventning hos brugeren.
Hold brugerne engageret
PWA’en bør indgå i direkte dialog med brugerne. En PWA bør giver mulighed for push notifikationer, skrivebordsikoner, fuldskærmsvisning uden browserens værktøjslinjer og fungerer offline.
Alle disse ønsker kan gå i opfyldelse med en PWA.
Herudover kan man pege på:
- Hurtig udviklingstid og dermed lavere omkostninger
- Ingen afhængighed af mellemmænd i form af Google Play eller App Store
- Kan deles via almindelige URL-link
- Kan anvendes af brugeren, på alle browsere på alle platforme
Hvordan fungerer en PWA
Hvad er det så, der får en PWA til fungere offline? En PWA installerer de nødvendige filer og data på din telefon - præcis på samme måde som en native app.
Nødvendige html- og cssfiler sammen med billeder og vigtige data gemmes i enhedens hukommelse og er altid klar til at blive loadet, om du er på nettet eller ej. Og fordi PWA’en først kigger i de gemte filer bliver performance og loadtider markant forbedret, både for offline og online besøgende.
Dette kan lade sig gøre på grund af brugen af Service Workers, som giver os mulighed for at lave baggrundssynkronisering af data og også tage i mod data fra brugeren, selv når telefonen er offline. De sendes bare videre næste gange telefonen er online igen.
Skal jeg bygge mit næste webprojekt som PWA
I langt de fleste tilfælde vil det kun være en fordel at bygge sin nye løsningen som PWA. Det vil i hovedreglen kun opleves som yderligere en fordel, og hos Illumi er vi helt overbevidste om, at denne teknologi vil række mange år ud i fremtiden og blive udviklet yderligere de næste år.
Vi tager meget gerne en åben og uforpligtende snak med dig om dit projekt og byder gerne ind med vores input til, hvordan det kan gribes an, hvilke forhold du skal være særligt opmærksom på, og hvilke forskellige løsningsmodeller vi ser.
Vil du vide mere om Progressive Web Apps og teknologierne bag, har vi samlet et par links, som vi selv har fundet god inspiration i:
What is a PWA and Why should you care?
Relateret indhold


Yara
Yara får Progressive Web App
Vi har sammen med Yara udviklet et digitalt værktøj til landmænd, der sikrer en ensartet gødskning og et langt bedre høstudbytte.
Læs mere

Illumi som leverandør
Sammen skaber vi digital succes
Vi hjælper nogle af landets mest ambitiøse virskomheder, når de har brug for at nytænke sammenhængen mellem den overordnede vision og de understøttende digitale platforme. Læs mere om, hvordan vi skaber digital succes.
Læs mere

Baseline hos Illumi
Det basale er altid på plads, når du samarbejder med os
Der er overordnet to forhold, som er helt afgørende for dit websites succes; Oplevelsen dine besøgende får, når de interagerer med sitet og det tekniske fundament. Læs her, hvad vi gør for at sikre et godt stabilt fundament for dit website.
Læs mere