4 tärkeätä seikkaa, jotka tulee tietää progressiivisista Web-sovelluksista (PWA)

PWA (Progressive Web Apps) on yksi puhutuimmista tekniikan muutoksista webissä ja se on saanut vertaansa vailla olevan vauhdin IT-maailman ammattilaisten keskuudessa. Jos olet rakentamassa verkkoa varten, olen varma, että PWA on viimeisin ”buzzword”, joka on lisätty työsanastosi. Se ei ole yllättävää, koska PWA on tehnyt kauas unelman asentamalla verkkosovelluksia puhelimeen todellinen.

PWA: n rakentamisessa ja sen eduissa on jo ollut paljon valonheittimiä ja ”geekspeaksia”. Suurin osa PWA: n käyttöönottoyrityksistä, etenkin aloittelijoille, näyttää olevan žargonilla täytettyjä tai että niissä oli liikaa koodia, joka voisi pelotella heitä ottamaan ensimmäisen askeleen. Tässä artikkelissa yritän antaa tilannekuvan PWA: sta, joka riittää käynnistämään heidän oppimisprosessinsa.

1. Mikä on progressiivinen Web-sovellus?

”Progressive Web App (PWA) on termi, jota käytetään kuvaamaan uutta ohjelmistokehitysmenetelmää. Toisin kuin perinteiset sovellukset, progressiiviset verkkosovellukset ovat tavallisten verkkosivujen (tai verkkosivustojen) ja mobiilisovelluksen hybridi. Tämä uusi sovellusmalli pyrkii yhdistämään uusimpien selainten tarjoamat ominaisuudet mobiilikokemuksen etuihin. "

Tätä wikipedia sanoo PWA: sta. No, tämä saattaa vaikuttaa hieman epämääräiseltä tai jopa kiistanalaiselta. Katsotaanpa siis PWA: ta epävirallisella tavalla.

Jos koskaan parhaimmilla verkkoilla ja parhaimmilla sovelluksilla oli klooni-lapsi - se on PWA. Tai muuten, verkkosivulla on otettu kaikki oikeat vitamiinit, jotta se voi toimia enemmän kuin App Store / Play Store -sovelluksesta ladattu sovellus. Se alkaa tavallisena verkkosivuna selaimessa, ja kun käyttäjä tutkii verkkosivua, heille kysytään, haluavatko he lisätä "Lisää aloitusnäyttöön". Kun käyttäjä antaa peukalon tähän kehotukseen, VOILA! PWA lisätään heidän aloitusnäyttöön. Kun se on avattu aloitusnäytöltä, se voi jopa piilottaa selaimen käyttöliittymän ohjaimet ja näyttää sovelluksena.

Tämä on enemmän kuin kunnioitettu kirjanmerkki, joka on päässyt verkkoon ja mobiilisovelluksiin välille. Sanon tämän, koska PWA on onnistunut täyttämään aukon verkossa. Web on aina ollut jano luotettavan suorituskyvyn suhteen alkuperäissovellusten kanssa. Se on aina kaivanut paikkaa ilmoitustasolle ja aloitusruudulle aivan kuten sovellus. Yli 40% käyttäjistä poistuu verkkosivustoilta, joiden lataaminen vie yli 3 sekuntia. PWA on ratkaisu tähän ”Web Obesity Epidemia” -käyttäjään.

Kyse on kitkan poistamisesta ja siitä, että käyttäjien on helppo päästä haluamaansa.

Koko tunnustus tästä saumattomasta kokemuksesta olisi annettava Service Workerille (komentosarja, jonka selain käyttää taustalla erillään verkkosivusta), joka on jokaisen PWA: n selkäranka. Palvelun työntekijät mahdollistavat luotettavan ja älykkään välimuistin, taustasisällön päivityksen, push-ilmoitukset ja houkuttelevimman offline-toiminnallisuuden aiemmin käyneille sivustoille. Tämä tarkoittaa, että sivuston ja sovelluksen on luotettavasti nopea jopa verkkosivuilla ensimmäisen vierailun jälkeen verkkosivustolla.

Mutta täällä saattaa syntyä kysymys - entä nopea ensimmäinen kuorma luotettavalla suorituskyvyllä? Silloin kiihdytetyt mobiilisivut (AMP) tapaavat palvelun työntekijän. AMP tarjoaa luotettavasti nopeat web-komponentit ensimmäiseen lataukseen. Nämä komponentit latautuvat paljon nopeammin ja vähemmän nälkäisiä tietoja. Verkkosivustot, jotka käyttävät yhdistelmää AMP ja Service Worker, tarjoavat luotettavan nopeuden kuin alkuperäisissä sovelluksissa. Kun sivu on ladattu, sivusto asettaa palvelun työntekijän ja varat tallennetaan välimuistiin älykkäästi. Tämä pitää PWA: n aina ajan tasalla, jolloin käyttäjät vapautuvat usein suoritettavista päivityksistä App Storesta.

PWA pähkinänkuoressa:

  • Luotettava: Nopea lataus ja toimii offline-tilassa
  • Nopea: Sileät animaatiot, jank-vapaa vieritys ja saumaton navigointi jopa epämuodostuneissa verkoissa
  • Sitoutuminen: Käynnistetään aloitusnäytöltä ja voi vastaanottaa push-ilmoituksen

2. Miksi se on tärkeää?

On myytti, että käyttäjät lataavat onneksi jokaisen verkkosivuston sovelluksen, jota he usein käyvät. Comscore Mobile App -raportin mukaan yli 50% Amerikan älypuhelinten käyttäjistä lataa Zero-sovellukset kuukaudessa. ts. menneet ovat päivät, jolloin puhelin on täynnä sovelluksia ja ihmisten älypuhelimen kuherruskuukausi on kulunut loppuun. Jokainen sovelluksen latausvaihe vähentää 20% käyttäjistä. PWA vähentää sovelluksen löytämisen ja sen aloitusnäytölle saamisen välistä vaihetta ja eliminoi siten sovelluksen asentamisen kitkan. Tämä tarjoaa erittäin hedelmällisen maaperän yrityksille astua PWA: ssa.

Seuraavat kolme muuttujaa voidaan korostaa ymmärtääksesi PWA: n merkityksen tulevan verkon muovaamisessa.

a. Kattavuus: Mobiiliverkkoyleisö on kasvanut nopeasti kasvavaan tahtiin viime vuosina. Google on ilmoittanut, että Chromella on kokonaan miljardi matkaviestinkäyttäjää verrattuna aiempaan 400 miljoonaan käyttäjään vuonna 2016. Comscoren raportin mukaan mobiiliverkon kattavuus on 2,5 kertaa suurempi kuin sovellusten, kun otetaan huomioon 1000 suosituinta sivustoa ja sovellusta. Tämä on syy siihen, miksi Flipkart, Myntra jne. Päättivät luopua verkkosivustostaan ​​ja 'pelkästään sovelluksesta' palautettiin. Jos voisimme tarjota paremman kokemuksen laajemmalle yleisölle, voisimme varmasti saada kilpailuedun muihin nähden.

b. Hankinta: Toinen vakava huolenaihe, johon mobiilisovellukset kohtaavat, on heidän käyttäjiensä löydettävyys verrattuna verkkosivustoihin. Verkon käyttäjän hankintakustannukset ovat 10 kertaa halvemmat kuin alkuperäisten sovellusten. Kun aluksella on enemmän altistusta ja alhainen kitka, PWA todennäköisesti hankkii enemmän käyttäjiä hyvin pienin kustannuksin.

C. Tulos: PWA: n saumattomat loppukäyttäjäkokemukset jopa epämääräisissä verkoissa parantavat onnistuneiden tulosten määrää. Flipkart toi markkinoille PWA-nimisen Flipkart-lite-julkaisun, jonka mukaan heidän on lisätty muuntokurssia 70% alhaisemmilla hankintamenoilla.

Yhteenvetona: PWA auttaa parantamaan tuloksia lisäämällä potentiaalista kattavuutta alhaisilla hankintakustannuksilla.

3. Miten pääset alkuun?

Kun olet tutustunut uuteen tekniikkaan, seuraava in-line-haaste on päätös omaksua se. Suurin osa ihmisistä joutuu tässä vaiheessa ongelmaan. Päätöksen tulisi perustua yrityksesi erityiseen tarpeeseen. Seuraavat kaksi tapausta voivat auttaa sinua tunnistamaan menetelmän, joka sopii sinulle PWA: n toteuttamiseen.

a) Maasta nolla

Harkitse tilannetta, kun yritys rakentaa uutta verkkosivustoa tai käy läpi uuden suunnittelun. Tässä tapauksessa PWA: n rakentaminen nollasta maasta on järkevää ja mahdollista. Tämän avulla PWA: n valtaa voidaan hyödyntää AMP: n, huoltotyöntekijöiden, sovelluskuoren ja Web Manifestin avulla. Esimerkiksi, Ali Expressin mukaan, kun he uudistivat verkkosivustonsa PWA: ksi, he pystyivät lisäämään uusien käyttäjien muuntoprosenttiaan 104%, saivat 2X enemmän käyntiä sivuja käyttäjää kohden käyttäjää kohden kaikilla selaimilla ja 74% lisäävät vietetyn ajan istuntoa kohti kaikilla selaimilla.

b) Yksinkertainen versio tai yksittäinen ominaisuus

Kun tyhjästä rakentaminen ei ole realistista, voidaan aina rakentaa verkkosivuston yksinkertainen versio tai keskittyä yhteen ominaisuuteen, jolla on suuri vaikutus loppukäyttäjille. Painopiste on tarjota nopea, kiinnostava ja luotettava kokemus. AirBerlin on sopiva esimerkki tässä tapauksessa. He keskittyivät varauksen jälkeiseen kokemukseen PWA: ssa. Kun matkustaja on kirjautunut sisään, hän voi tutustua matkansa yksityiskohtiin ja pääsykorttiin jopa ilman Internet-yhteyttä.

4. PWA: n haasteet

PWA: ssa on joitain haasteita, jotka on otettava huomioon sitä valittaessa.

a) Ristiinselaimen tuki: Vaikka Chrome, Opera ja Samsungin Android-selain tukee PWA: ta, IE, Edge ja Safari eivät ole vielä laajentaneet tukeaan.

b) Rajoitettu toiminnallisuus: PWA: lla ei ole tukea laitteille, joita HTML5 ei tue

c) Rajoitettu legitiimiys: Koska PWA: lle ei ole keskitettyä latauskauppaa, heiltä puuttuu legitimiteetin ja luottamuksen tunne, jonka yleensä antavat Play Store / App Store -sovelluksen alkuperäiset sovellukset.

d) Rajatun sovelluksen kirjautumistuki: Natiivisovelluksilla on kyky puhua muiden sovellusten kanssa ja todentaa kirjautumistunnukset (Facebook, Twitter, Google). Verkkosivuna PWA: lla ei ole kykyä kommunikoida muiden asennettujen sovellusten kanssa.

johtopäätös

Emme voi sanoa, että PWA tappaa Native-sovellukset tulevaisuudessa. Mutta silti yhteisössä on kasvava kiinnostus tähän lähestymistapaan. PWA: t ovat vielä lapsenkengissään ja siihen on vastattava paljon haasteita. Heillä on silti potentiaali luoda muutos verkon toimintaan.

Ruoka ajatukselle

Henrik Joretegin mukaan "PWA on suurin mobiiliverkossa tapahtuva asia sen jälkeen kun Steve esitteli iPhonen!"

Kiistanalainen? Kiistanalainen? Miellyttävä?

Ajattele ennen kuin aika lentää!