Progressiv Web App er et godt eksempel på når stærke webteknologier kommer til verden, uden hjælp fra marketingsafdelinger og lækker indpakning.
I mange år var der intet catchy navn, og derfor ingen succes, men i 2015 blev de nye spændende webteknologier endelig navngivet “Progressiv Web App” og det er kun gået en vej siden.
Progressiv Web App er noget nyt som gør en hjemmeside kan fungerer helt som en app.
Det første element der skaber en app fornemmelse er; Hastighed og tro mig der er fart på.
Hvad er Progressiv Web App’s egentlig?
En hjemmeside som har et responsivt layout.
Når man bruger hjemmesiden føles det som en installeret app.
Genbesøg fungerer offline.
Kan installeres som en app på din smartphone eller tablet.
Fuldskærmsvisning
Sende push notifikationer ud til brugerne.
Med installeret mener jeg: en genvej til hjemmesiden er installeret som en app på din smartphone eller tablet.
Alex Russel besvarer hvorfor det er kaldt en Progressiv Web App.
Tendensen viser dobbelt så mange besøg
Idag lever vi i en verden hvor op imod 93% (stigende) ejer en smartphone, og langt færre 73% (faldende) ejer en computer i et veletableret samfund.
Smartphonen er et redskab man benytter oftere og oftere, og en ting stikker især ud, brugen af webbrowseren er eksplosivt stigende.
Statistisk sammenligning: Apps vs. Hjemmesider. Google har kigget på en undersøgelse af de 1000 største virksomheder og hvordan brugerne benytter deres platforme.
Grundlæggende er statistikken sådan fordi, hjemmesiden kun er et klik væk.
Der er ingen app der skal downloades, installeres og måske endda logges ind på, før den kan benyttes.
Gns. Smartphone Forbrug
På en måned benytter man 25 apps og besøger +100 hjemmesider.
80% af alt tiden du bruger på din smartphone, er brugt på dine top 3 apps.
Ca. 3 gange så mange unikke besøg, kommer fra mobil-hjemmesiden frem for Apps.
Progressiv Web App fordele
Brugere
Skal ikke downloade og installere appen på deres smartphone og tablet.
Optager mindre plads end en alm. app.
En PWA er ligeså hurtig som en alm. app.
Den gode app oplevelse med fuldskærmsvisning.
Udvikler
Sig farvel til app udvikling, når det gælder informationssider og webshops.
Ikke vente på vores app bliver offentliggjort (eller afvist).
Direkte implementere nye udgivelser og fejlrettelser.
Mulighed for at sende Push-notifikationer
Men før vi bliver overvældet af spændingen, så lad os kigge tilbage på det nuværende stadie af støtte for de Progressiv Web App’s.
Et klasse eksempel: Washington Post
Washington Post har som en af de første udviklet en Progressive Web App (PWA) indbygget med Accelerated Mobile Pages (AMP) for maksimal hastighed.
Kombinationen giver en uovertruffen hastighed, som man pt. kun kender fra Facebook Instant Articles og når man er blevet vant til den hastighed, er den svær at slippe igen.
Normalt når en hjemmeside loader tager det oftest flere sekunder før det bliver vist, men med PWA & AMP føles det som om at der ingen vente tid er mellem sideskift.
Service Worker = App oplevelse
Med en Service Worker integreret på hjemmesiden er det muligt, at være offline og stadig benytte en cached udgave af siden.
En af de ting der definere en app er Push Notifikationer, og Service Worker gør det muligt at sende Push Notifikationer til brugeren når der er nyt indhold.
Service Worker er på nuværende tidspunkt tilgængelige for Chrome, Firefox, Opera og er på vej til IE Edge, men se i mellemtiden om Service Workeren er blevet yderligere tilgængelig her
Prøv at åbne Washingtons Post PWA i din Chrome Browser på mobilen.
Prøv Washington Post (PWA) her
Afsluttende tanker
Det her var en kort introduktion til Progressiv Web App’s.
Vi er meget spændte på at se hvor det tager den mobile app udvikling og hjemmeside udvikling hen, de kommende år.
Den gode nyhed er at du kan begynde at bygge progressive apps allerede i dag, og vi er naturligvis allerede fuld igang!
Hvis du overvejer at bygge en Progressiv Web App, kan du overveje disse spændende vigtige fordele det giver:
Hastighed – henter siden meget hurtigere, det tillader brugeren at nå frem til det indhold de søger.
Sikkerhed – holder bruger informationerne sikre, da det skal køres med HTTPS support.
Gen-aktiverende – siden kan sende Push Notifikationer
Brugere kan tilføje et ikon til deres mobil’s hjemme skærm og få fuldskærmsvisning.
Simpelt – ingen behov for at downloade en app og har fordelen med at auto udfylde til at mindske friktion i købsprocessen.
Den første type af Apps en PWA kan erstatte ligger i kategorien: Nyheder, Informations apps og Webshops. Det vil ikke kunne erstatte mere advanceret apps, der kræver at man kan udnytte telefonens hardware endnu mere, som spil, facebook, instagram mv.
Termen “Progressiv App” blev først introduceret i denne fantastiske artikel Progressive Apps: Escaping Tabs Without Losing Out Soul af Alex Russell, hvor han definerer i detaljer hvad en ‘Progressiv Web App’ er og hvor det stammer fra.