Hvad er en PWA?

Progressive Web Apps (PWA) er en teknologi, der kombinerer det bedste fra webapplikationer og native apps. De giver brugere en app-lignende oplevelse direkte fra en browser uden behov for at downloade fra en app-butik.

Men hvad er en PWA egentlig, og hvordan adskiller den sig fra traditionelle websider og native apps?

Læs med her for en dybdegående forklaring.

Hvad er en PWA?

En Progressive Web App (PWA) er en webapplikation, der udnytter moderne webteknologier for at levere en oplevelse, der minder om en native app - altså apps man installerer fra Google Play og App Store mv.

PWAer kan tilgås via en browser og installeres på brugerens enhed, hvilket gør dem lette at distribuere og tilgængelige uden om app-butikker som Google Play eller App Store.

Herunder er nogle af de ting som PWA giver mulighed for

• Responsiv design: PWAer fungerer på alle enheder, uanset skærmstørrelse, da de udarbejdes med responsive design.
• Offline support: Ved hjælp af en teknologi kaldet service workers kan PWAer fungere delvist offline.
• Push-notifikationer: Giver virksomheder mulighed for at engagere brugere på samme måde som native apps.
• Stand alone: Kan køres i fuldt vindue uden browser så det føles som en almindelig app
• Andre muligheder: Der er mange andre muligheder f.eks. brug af kamera og scanner og det udvides konstant

PWA vs. webside

En almindelig webside er tilgængelig via en browser og kræver en internetforbindelse for at fungere.

PWAer går et skridt videre ved at have mulighed for at tilbyde funktioner, som almindelige websider ikke kan herunder:

• Offline funktionalitet: Hvor almindelige websider stopper ved tab af internetforbindelse, kan en PWA levere indhold ved hjælp af cached data. Afhængt af hvad der skal vises, kan der dog være ting der er afhængige af internettet
• App-lignende oplevelse: PWAer føles som en app med glatte overgange og hurtig respons. Kan også køre stand-alone - dvs. i eget vindue uden browser knapper mv.
• Installationsmulighed: PWAer kan installeres direkte på startskærmen, hvilket almindelige websider ikke kan, og i nogle tilfælde installeres som en hver anden app (f.eks. Android med Chrome).
• Adgang: En PWA har adgang til indbyggede funktioner i telefonen, og denne mulighed udvides hele tiden

De forskellige PWA kan integrerer de dele af ovenstående som giver mening for PWAen.

PWA vs. native app

Native apps udvikles til specifikke platforme som iOS eller Android og kræver download fra en app-butik. PWAer har derimod en række fordele i forhold til native apps:

Fordele og ulemper ved PWA

En Progressive Web App (PWA) kombinerer styrkerne fra native apps og traditionelle websider, men den har også sine begrænsninger. Nedenfor skitserer vi fordele og ulemper ved PWA’er, både i forhold til apps og almindelige websider.

Fordele ved PWA

• Hurtig og let installation: En PWA kan installeres direkte fra browseren uden behov for at downloade via en app-butik. Det gør processen hurtigere og mere brugervenlig sammenlignet med native apps.
• Krydsplatform: PWAer fungerer på tværs af forskellige enheder og operativsystemer, hvilket gør dem til én samlet løsning, i modsætning til apps, der kræver separate versioner til iOS og Android.
• Lavere omkostninger: Da PWA’er kun kræver én udviklingsproces, er de billigere at udvikle og vedligeholde sammenlignet med native apps.
• Offline support: Ved hjælp af caching kan en PWA tilbyde adgang til indhold, selv når brugeren ikke er online. Dette er en klar fordel over almindelige websider, der kræver internetforbindelse.
• Ingen distributionsbegrænsninger: PWAer kan tilgås og installeres uden om app-butikker, hvilket gør dem lettere at distribuere og tilgængelige uden app-storers krav og gebyrer.
• Hurtige opdateringer: Opdateringer sker automatisk via browseren, så brugerne altid har den nyeste version uden at skulle downloade en opdatering, som det kræves med apps.
• Bedre SEO: Da en PWA er en webapplikation, kan den indekseres af søgemaskiner og derfor hjælpe med at øge synligheden, hvilket er en fordel i forhold til apps, som ikke er synlige på Google.
• Flere muligheder end websider: En PWA får flere native app muligheder end en webside
• Kør stand-alone: En PWA kan kører som stand-alone, så man får følelsen af en rigtig app frem for en webside
• Installer: En PWA kan installeres imodsætning til en almindelig webside, så man holder brugere engageret

Ulemper ved PWA

• Begrænset adgang til hardware: Selvom PWAer kan bruge funktioner som GPS og kamera, har de ofte begrænset adgang til avanceret hardware som biometriske sensorer, NFC eller Bluetooth, hvilket native apps kan udnytte fuldt ud.
• Begrænsninger på iOS: På iOS-enheder er PWAer mindre funktionelle, da de ikke kan sende push-notifikationer og har begrænset offline-funktionalitet sammenlignet med Android. Det forventes dog at der sker forbedringer der.
• Mindre ydeevne: Da PWAer kører i en browser, kan de ikke matche native apps’ ydeevne, især når det kommer til komplekse funktioner og tunge animationer - men de føles mere app-agtige end websider.
• Branding og troværdighed: En app i en app-butik kan skabe større troværdighed, da brugerne er vant til at hente apps fra officielle butikker. PWAer mangler denne fordel.
• Afhængighed af browserstøtte: Funktionaliteten af en PWA afhænger af browserens kapabiliteter. Ikke alle browsere understøtter alle funktioner, og der kan være variationer mellem platformene.

Hvordan installeres en PWA?

Installationen af en PWA varierer afhængigt af enheden og browseren:

På Android

• Google Chrome: Besøg PWA-websiden, klik på "Tilføj til startskærm", og appen installeres som en rigtig app.
• Andre browsere: Installationen fungerer som en genvej, der lægger et ikon på startskærmen.

På iOS

iOS har begrænsninger, der gør, at PWAer ikke kan installeres som apps. Brugere kan dog tilføje en genvej til hjemmeskærmen ved at vælge "Del" og derefter "Føj til hjemmeskærm" i Safari.

På Windows og Mac

• Windows: Brugere kan installere PWAer via Microsoft Edge ved at klikke på installationsikonet i adresselinjen.
• Mac: Installationen fungerer på samme måde via browsere som Chrome eller Edge, men kræver manuel opsætning af genveje.

Installationsknap

Det er muligt at lave en installationsknap som kan laves som man ønsker. iOS understøtter desværre ikke installationer da denne artikel blev skrevet, så her vises normalt en guide i stedet.

Muligheden for at lave egen knap gør det muligt at gøre det mere brugervenligt, og lave knappen tydeligere og i ens eget design.

Lidt om PWAer

PWAer er ikke noget nyt, men siden 2020 er der sket store fremskridt indenfor PWA. Mulighederne forbedres hele tiden, og de store Tech. virksomheder er blevet bedre til at implementere dem med Microsoft og Google i front, mens det går noget langsommere med Apple.

Der er dog hos alle sket meget, og man forventer der kommer endnu flere muligheder i fremtiden, og at fokus kommer hen på PWAer. Det store benspænd lige nu er at Apple og Google skal finde en alternativ måde forsat at få penge fra app installationer - f.eks. via en PWA shop.

Skal I have PWA?

PWA-teknologi er en kraftfuld løsning for virksomheder, der ønsker at kombinere fordelene ved websider og apps. De er omkostningseffektive, lette at vedligeholde og tilbyder en brugervenlig oplevelse på tværs af enheder.

Man skal dog overveje om det giver mening for ens brugere kan kunne installere ens webside/web app. Det er især hvis brugere kommer tilbage flere gange, hvis man vil gøre brug af telefoners hardware som kamera, vil lave push eller lign. at det er relevant.

Hvis I overvejer en PWA, så understøtter Flex4B systemet PWA

Det har 2 muligheder
- En dedikeret PWA, og som kan have andre sider og produkter end ens normale side
- At ens normale side/shop bliver sat op som PWA

Der er flere indstillinger bl.a. mulighed for at vælge om man ønsker en dedikeret knap.

Kontakt Flex4Business ApS for at høre mere

PWAProgessive Web AppPWA vs. native appPWA vs. websideHvad er en PWA?