4 punti importanti da sapere su Progressive Web Apps (PWA)

PWA (Progressive Web Apps) è uno dei cambiamenti tecnologici più chiacchierati nel web e ha acquisito un impareggiabile slancio tra i professionisti del mondo IT. Se stai costruendo per il Web, sono sicuro che PWA è l'ultima "parola d'ordine" che è stata aggiunta al tuo vocabolario di lavoro. Non è sorprendente perché PWA ha realizzato il sogno inverosimile di installare app Web sul telefono.

Ci sono già stati molti riflettori e "geekspeaks" sulla costruzione di PWA e sui suoi vantaggi. La maggior parte dei tentativi di presentare PWA, in particolare ai neofiti, sembrano essere pieni di gergo o avevano troppi codici che potevano intimidirli per fare il primo passo. In questo articolo, sto cercando di dare un'istantanea di PWA, quanto basta per avviare il loro processo di apprendimento.

1. Che cos'è un'app Web progressiva?

"Progressive Web App (PWA) è un termine usato per indicare una nuova metodologia di sviluppo software. A differenza delle applicazioni tradizionali, le app Web progressive sono un ibrido di normali pagine Web (o siti Web) e un'applicazione mobile. Questo nuovo modello di applicazione tenta di combinare le funzionalità offerte dalla maggior parte dei browser moderni con i vantaggi dell'esperienza mobile. "

Questo è ciò che dice Wikipedia su PWA. Bene, questo potrebbe sembrare un po 'vago o addirittura controverso. Diamo un'occhiata a PWA in modo informale.

Se mai il meglio del web e delle migliori app ha avuto un figlio clone - è PWA. Oppure, è solo che la pagina web ha preso tutte le "vitamine giuste" in modo che possa comportarsi più come un'app scaricata dall'App Store / Play Store. Inizia come una normale pagina Web in un browser e quando un utente esplora la pagina Web, riceve la richiesta se desidera "Aggiungi alla schermata principale". Una volta che l'utente ha dato il pollice a questo prompt, VOILA! PWA viene aggiunto alla loro schermata principale. Una volta aperto dalla schermata principale, può persino nascondere i controlli dell'interfaccia utente del browser e apparire come un'app.

Questo è più simile a un segnalibro glorificato che ha colpito il punto debole tra il web e le app mobili. Dico questo perché PWA è riuscita a colmare il divario nel web. Il Web ha sempre avuto sete di prestazioni affidabili alla pari con le app native. Ha sempre desiderato un posto nella barra delle notifiche e nella schermata principale proprio come un'app. Oltre il 40% degli utenti rimbalza dai siti Web che impiegano più di 3 secondi per caricarsi. PWA è una soluzione per questa "epidemia di obesità del web" affrontata dagli utenti.

Si tratta di rimuovere l'attrito e rendere facile per gli utenti ottenere ciò che vogliono.

L'intero merito di questa esperienza senza soluzione di continuità dovrebbe essere dato al Service Worker (uno script che il browser esegue in background separato dalla pagina Web), che è la spina dorsale di ogni PWA. Gli operatori del servizio consentono la memorizzazione nella cache affidabile e intelligente, l'aggiornamento dei contenuti in background, le notifiche push e le funzionalità offline più interessanti per i siti visitati in precedenza. Ciò significa che, dopo la prima visita a un sito Web, il sito e l'app saranno affidabili in modo affidabile anche su reti instabili.

Ma qui potrebbe sorgere una domanda: che dire del primo rapido caricamento con prestazioni affidabili? Questo è quando Accelerated Mobile Pages (AMP) incontra il lavoratore dell'assistenza. AMP fornisce componenti Web affidabili e veloci per il primo caricamento. Questi componenti sono molto più veloci da caricare e richiedono meno dati. I siti Web che utilizzano la combinazione di AMP e Service Worker forniranno una velocità affidabile a partire dalle app native. Una volta caricata la pagina, il sito configura il lavoratore dell'assistenza e le risorse vengono memorizzate nella cache in modo intelligente. Ciò manterrà sempre aggiornato il PWA, liberando così gli utenti dai frequenti aggiornamenti da effettuare dall'App Store.

PWA in breve:

  • Affidabile: caricamento rapido e funziona offline
  • Veloce: animazioni fluide, scorrimento senza jank e navigazione continua anche su reti instabili
  • Coinvolgimento: avviato dalla schermata principale e può ricevere notifiche push

2. Perché è importante?

È un mito che gli utenti scaricheranno felicemente l'app di ogni sito Web che visitano frequentemente. Secondo il rapporto sulle app mobili di Comscore, oltre il 50% degli utenti americani di smartphone scarica Zero App al mese. vale a dire che sono finiti i giorni in cui il telefono è pieno di app e la fase di luna di miele tra persone e smartphone si sta esaurendo. Ogni passaggio per scaricare un'app riduce il 20% degli utenti. PWA riduce i passaggi tra il rilevamento di un'app e il suo avvio nella schermata principale, eliminando così l'attrito per l'installazione di un'app. Ciò fornisce un terreno molto fertile per le aziende a presentare il proprio PWA.

Le seguenti tre metriche possono essere evidenziate per comprendere l'importanza di PWA nel plasmare il web futuro.

un. Copertura: il pubblico del Web mobile è cresciuto a un ritmo alle stelle negli ultimi anni. Google ha riferito che Chrome ha un enorme 1 miliardo di utenti mobili rispetto ai precedenti 400 milioni di utenti nel 2016. Secondo il rapporto di Comscore, la portata del Web mobile è 2,5 volte superiore a quella delle app, considerando i primi 1000 siti e app. Questo è il motivo per cui la decisione di Flipkart, Myntra ecc. Di abbandonare il loro sito Web e diventare "solo app" fallita. Se potessimo offrire un'esperienza migliore a un pubblico più vasto, potremmo sicuramente ottenere un vantaggio competitivo rispetto agli altri.

b. Acquisizione: un'altra grave preoccupazione delle app mobili è la rilevabilità degli utenti rispetto ai siti Web. Il costo di acquisizione dell'utente del Web sarà 10 volte più economico di quello delle app native. Con una maggiore esposizione e un basso attrito per l'onboarding, è probabile che PWA acquisisca più utenti a costi molto inferiori.

c. Conversione: l'esperienza utente end-to-end anche con reti instabili fornite da PWA migliora il numero di conversioni riuscite. Flipkart ha lanciato il suo "Flipkart-lite" PWA, che sostengono di aver prodotto un aumento del tasso di conversione del 70% con costi di acquisizione inferiori.

Riassumendo: PWA aiuta a migliorare le conversioni aumentando la copertura potenziale con bassi costi di acquisizione.

3. Come iniziare?

Una volta che conosci una nuova tecnologia, la prossima sfida in linea è la decisione di adottarla. La maggior parte delle persone si imbatte in un dilemma a questo punto. La decisione dovrebbe essere guidata dalle esigenze specifiche dell'azienda. I seguenti due casi potrebbero aiutarti a identificare il metodo adatto per implementare PWA.

a) Da ground zero

Considera lo scenario in cui un'azienda sta costruendo un nuovo sito Web o sta attraversando una riprogettazione. In questo caso, costruire un PWA da ground zero ha senso ed è fattibile. Ciò avrà il compito di sfruttare la potenza di PWA con AMP, addetti ai servizi, app shell e Web Manifest. Ad esempio, secondo Ali Express, una volta rinnovato il loro sito Web come PWA, sono stati in grado di aumentare il tasso di conversione per i nuovi utenti del 104%, guadagnato 2 volte più pagine visitate per sessione per utente su tutti i browser e un aumento del 74% del tempo trascorso per sessione su tutti i browser.

b) Una versione semplice o Una singola funzione

Quando la creazione da zero non è realistica, è sempre possibile creare una versione semplice del sito Web o concentrarsi su una singola funzionalità che ha un impatto elevato per gli utenti finali. L'obiettivo è offrire un'esperienza veloce, coinvolgente e affidabile. AirBerlin è un esempio appropriato in questo caso. Si sono concentrati sull'esperienza post-prenotazione nel loro PWA. Dopo che un passeggero ha effettuato il check-in, può accedere ai dettagli del viaggio e alla carta d'imbarco anche senza la connessione a Internet.

4. Sfide nella PWA

Ci sono alcune sfide nel PWA che devono essere considerate al momento della scelta.

a) Supporto per browser incrociati: mentre Chrome, Opera e il browser Android di Samsung supportano PWA, IE, Edge e Safari non hanno ancora esteso il loro supporto.

b) Funzionalità limitata: PWA non supporta alcun hardware non supportato da HTML5

c) Legittimità limitata: poiché non esiste un negozio di download centrale per PWA, mancano di dare un senso di legittimità e fiducia che viene solitamente fornito dalle app native dal Play Store / App Store.

d) Supporto per l'accesso ad applicazioni incrociate: le app native hanno la possibilità di comunicare con altre app e autenticare gli accessi (Facebook, Twitter, Google). Come pagina Web, PWA non ha la capacità di comunicare con altre app installate.

Conclusione

Non possiamo dire che PWA ucciderà le app native in futuro. Ma c'è ancora un crescente interesse per questo approccio nella comunità. Le PWA sono ancora agli inizi con molte sfide da affrontare. Tuttavia, hanno il potenziale per creare un cambiamento nel modo in cui funziona il web.

Cibo per la mente

Secondo Henrik Joreteg, "PWA è la cosa più grande che accada sul Web mobile da quando Steve ha introdotto l'iPhone!"

Discutibile? Controverso? Gradevole?

Pensa prima che il tempo vola!