4 vigtige punkter at vide om Progressive Web Apps (PWA)

PWA (Progressive Web Apps) er en af ​​de mest omtalte teknologiforskydninger på nettet og har fået enestående momentum blandt praktiserende i IT-verdenen. Hvis du bygger til internettet, er jeg sikker på, at PWA er det nyeste 'buzzword', der er føjet til dit arbejdsordforråd. Det er ikke overraskende, fordi PWA har gjort den vidtrækkende drøm om at installere webapps på telefonen for rigtigt.

Der har allerede været meget lys og 'geekspeaks' til at bygge PWA og dens fordele. De fleste af forsøgene på at introducere PWA, især for de nybegynder, ser ud til at være fyldt med jargon eller havde for meget kode, der kunne skræmme dem til at tage det første skridt. I denne artikel forsøger jeg at give et snapshot af PWA, lige nok til at starte deres læringsproces.

1. Hvad er en progressiv webapp?

”Progressive Web App (PWA) er et udtryk, der bruges til at betegne en ny softwareudviklingsmetodologi. I modsætning til traditionelle applikationer er progressive webapps en hybrid af almindelige websider (eller websteder) og en mobilapplikation. Denne nye applikationsmodel forsøger at kombinere funktioner, der tilbydes af de fleste moderne browsere, med fordelene ved mobiloplevelse. ”

Dette siger wikipedia om PWA. Det kan godt virke lidt vagt eller endda omstridt. Så lad os se på PWA på en uformel måde.

Hvis nogensinde det bedste af internettet og det bedste af apps havde et klonebarn - det er PWA. Ellers er det bare, at websiden har taget alle de 'rigtige vitaminer', så den kan opføre sig mere som en app, der er downloadet fra App Store / Play Store. Det starter som en normal webside i en browser, og når en bruger udforsker webside, får de meddelelsen, hvis de gerne vil "Føj til startskærm". Når brugeren giver tommelfingrene op til denne prompt, VOILA! PWA tilføjes deres startskærm. Når den er åben fra startskærmen, kan den endda skjule browser-UI-kontrollerne og vises som en app.

Dette er mere som et glorificeret bogmærke, der har ramt det søde sted mellem web- og mobilapps. Jeg siger dette, fordi PWA har formået at bygge bro over Internettet. Internettet har altid været tørstig efter pålidelig ydelse på niveau med de indbyggede apps. Det har altid længtes efter et sted i meddelelsesbakken og på startskærmen ligesom en app. Mere end 40% af brugerne hopper fra de websteder, der tager mere end 3 sekunder at indlæse. PWA er en løsning på denne "Web Fedme Epidemic", som brugerne står overfor.

Det handler om at fjerne friktion og gøre det let for brugerne at komme til det, de ønsker.

Hele æren for denne problemfri oplevelse skal gives til Service Worker (Et script, som browseren kører i baggrunden adskilt fra websiden), som er rygraden i hver PWA. Servicemedarbejderne muliggør pålidelig og intelligent cache, opdatering af baggrundsindhold, push-meddelelser og den mest attraktive offline-funktionalitet til tidligere besøgte sider. Dette betyder, at webstedet og appen, efter det første besøg på et websted, er pålideligt hurtige, selv på flassende netværk.

Men her kan der opstå et spørgsmål - hvad med den hurtige første belastning med pålidelig ydelse? Det er, da Accelerated Mobile Pages (AMP) møder servicemedarbejder. AMP leverer pålidelige hurtige webkomponenter til første belastning. Disse komponenter er meget hurtigere at indlæse og mindre data sultne. Websteder, der bruger kombinationen af ​​AMP og servicearbejder, giver pålidelig hastighed fra indbyggede apps. Når siden er indlæst, sættes opsætningen af ​​webstedet cache i cache intelligent. Dette vil altid holde PWA ajour og derved frigøre brugerne fra de hyppige opdateringer, der skal udføres fra App Store.

PWA i et nøddeskal:

  • Pålidelig: Hurtig indlæsning og fungerer offline
  • Hurtigt: Glatte animationer, fri rulle med jank og problemfri navigation, selv på flaksigt netværk
  • Engagerende: Startet fra startskærmen og kan modtage push-meddelelse

2. Hvorfor er det vigtigt?

Det er en myte, at brugerne med glæde vil downloade appen på hvert websted, de ofte besøger. I henhold til Comscore Mobile App-rapport downloader over 50% af Amerikas smartphonebrugere Zero Apps om måneden. dvs. Borte er de dage, hvor telefonen er fuld af apps, og folk-smart telefon bryllupsrejse fase bliver udtømt. Hvert trin til at downloade en app reducerer 20% af brugerne. PWA reducerer trinnene mellem opdagelse af en app og at få den på startskærmen og eliminerer dermed friktion for at få en app installeret. Dette giver en meget frugtbar grund for virksomhederne til at kaste sig i deres PWA.

De følgende tre målinger kan fremhæves for at forstå betydningen af ​​PWA i formningen af ​​fremtidens web.

en. Rækkevidde: Det mobile webpublikum er vokset i et skyrocket tempo i de sidste par år. Google har rapporteret, at Chrome har kørt 1 milliard mobilbrugere sammenlignet med de tidligere 400 millioner brugere i 2016. I henhold til Comscores rapport er rækkevidden på mobilweb 2,5 gange mere end apps, mens man overvejer de top 1000 websteder og apps. Dette er grunden til, at Flipkarts, Myntra osv. 'S beslutning om at opgive deres websted og være' kun app 'tilbagebetales. Hvis vi kunne give en bedre oplevelse til et bredere publikum, kunne vi helt sikkert få en konkurrencefordel i forhold til de andre.

b. Erhvervelse: En anden alvorlig bekymring, som mobile apps står overfor, er deres brugeres opdagelighed sammenlignet med websteder. Brugeren erhvervelsesomkostninger for web vil være 10 gange billigere end for oprindelige apps. Med mere eksponering og lav friktion for ind-boarding vil PWA sandsynligvis få flere brugere til meget mindre omkostninger.

c. Konvertering: Den sømløse brugeroplevelse fra ende til slut, selv med flassende netværk leveret af PWA forbedrer antallet af succesrige konverteringer. Flipkart lancerede deres PWA ‘Flipkart-lite’, som de hævder at have leveret en stigning i konverteringsfrekvensen med 70% med lavere anskaffelsesomkostninger.

For at opsummere: PWA hjælper med at forbedre konverteringer ved at øge den potentielle rækkevidde med lave anskaffelsesomkostninger.

3. Hvordan kommer man i gang?

Når du først har kendt en ny teknologi, er den næste udfordring online beslutningen om at vedtage den. De fleste af menneskerne er i et dilemma på dette tidspunkt. Beslutning skal styres af dit specifikke forretningsbehov. De følgende to tilfælde kan hjælpe dig med at identificere den metode, der passer dig til at implementere PWA.

a) Fra jordnul

Overvej scenariet, når et firma bygger et nyt websted eller gennemgår en redesign. I dette tilfælde er det fornuftigt at opbygge en PWA fra jordnul og er gennemførlig. Dette vil få virksomheden til at udnytte PWA's magt med AMP, servicemedarbejdere, App shell og Web Manifest. F.eks. Ifølge Ali Express, når de fornyede deres websted som PWA, var de i stand til at øge deres konverteringsfrekvens for nye brugere med 104%, fik 2X flere sider, der blev besøgt pr. Session pr. Bruger på tværs af alle browsere og 74% stigning i tidsforbruget pr. session på tværs af alle browsere.

b) En simpel version eller en enkelt funktion

Når bygning fra bunden ikke er realistisk, kan man altid opbygge en simpel version af webstedet eller fokusere på en enkelt funktion, der har stor indflydelse på slutbrugerne. Fokus er at levere en hurtig, engagerende og pålidelig oplevelse. AirBerlin er et passende eksempel i dette tilfælde. De fokuserede på oplevelsen efter bookingen i deres PWA. Når en passager har checket ind, kan de få adgang til deres rejseoplysninger og boardingpas, selv uden internetforbindelse.

4. Udfordringer i PWA

Der er nogle udfordringer i PWA, som skal overvejes, mens du vælger det.

a) Support på tværs af browsere: Mens Chrome, Opera og Samsungs Android-browser understøtter PWA, er IE, Edge og Safari endnu ikke udvidet til deres support.

b) Begrænset funktionalitet: PWA har ikke support til noget hardware, der ikke understøttes af HTML5

c) Begrænset legitimitet: Da der ikke er nogen central download-butik til PWA, mangler de en følelse af legitimitet og tillid, som normalt gives af indbyggede apps fra Play Store / App Store.

d) Support på tværs af applikations login: Indfødte apps har mulighed for at tale med andre apps og autentificere logins (Facebook, Twitter, Google). Som en webside har PWA ikke evnen til at kommunikere med andre apps installeret.

Konklusion

Vi kan ikke sige, at PWA vil dræbe Native Apps i fremtiden. Men stadig er der en voksende interesse for denne tilgang i samfundet. PWA'er er stadig i deres spædbarn med en masse udfordringer, der skal løses. Alligevel har de potentialet til at skabe et skift i måden, hvorpå nettet fungerer.

Mad til tanke

Ifølge Henrik Joreteg er "PWA den største enkelt ting, der sker på mobilenettet, siden Steve introducerede iPhone!"

Diskuteres? Kontroversiel? Behagelig?

Tænk inden tiden flyver!