PWA: è questo il futuro delle app mobili?

"Progressive web app" è un termine coniato solo di recente nell'anno 2015 dalla designer Frances Berriman e dall'ingegnere di Google Chrome Alex Russell. Sin dalla sua nascita, le PWA hanno avuto un discreto successo ed è stato adottato anche dalle grandi aziende.

Ma fa alzare qualche sopracciglio quando sentiamo profezie che indicano verso; i giorni dell'app store e quelli delle app native così come li conosciamo, contati.

È difficile immaginare che le app che gestiscono letteralmente le nostre vite, dall'organizzazione di riunioni al contatto con gli amici, dall'abbassamento del termostato allo sblocco delle auto, saranno presto sostituite da una tecnologia che è ancora nelle sue fasi nascenti.

Quindi l'impensabile può davvero essere possibile o l'Impero Romano sopravviverà alla prova del tempo?

Per poter scegliere tra i due percorsi divergenti, dobbiamo prima sapere: cosa sono le PWA? Su quale tecnologia funzionano le PWA? Quali sono i vantaggi delle PWA rispetto alle app native? e quali sono i suoi svantaggi?

Ecco tutto quello che c'è da sapere sulla tecnologia, a cui risponde la principale società di sviluppo PWA :

Cosa sono le PWA?

Se mai il meglio del Web e delle migliori app ha avuto un figlio clone, è PWA.

Le Progressive Web Apps (PWA) come suggerisce il nome, sono essenzialmente applicazioni Web ma appaiono all'utente come applicazioni mobili native. In altre parole, le PWA hanno il meglio di entrambi, possono essere facilmente accessibili e scoperte come le app Web e offrono la comodità delle app mobili.

A differenza delle applicazioni mobili native, le PWA esistono sul Web come qualsiasi altro sito Web; l'unica eccezione qui è che possono essere aggiunti direttamente alla schermata iniziale dell'utente. Da lì in poi, le PWA offrono tutti i vantaggi offerti da un'app nativa; affidabilità, richiamo e maggiore coinvolgimento.

Allora, cos'è che ha aiutato gli sviluppatori a raggiungere il punto debole tra le app Web e mobili? Scorri verso il basso per conoscere le tecnologie coinvolte nella creazione di una PWA.

La salsa segreta dietro le PWA?

Ci sono 3 pilastri tecnologici fondamentali su cui si basano le PWA, ognuno descritto di seguito:

Manifesto
Il manifest dell'app Web è un semplice file JSON che fornisce allo sviluppatore un luogo centralizzato in cui inserire tutte le informazioni su un'app (come nome, autore, icona, descrizione) come metadati.

Lo scopo del manifest è installare applicazioni Web nella schermata iniziale di un dispositivo. Ti consente di controllare l'aspetto dell'app nei punti in cui un utente si aspetterebbe un'esperienza di app mobile nativa, ad esempio l'icona di avvio, l'aspetto della schermata iniziale ecc.

Operatori di servizio
È qui che avviene la vera magia. Service Workers ti aiuta a portare il meglio del Web e dei dispositivi mobili nelle PWA.
Tecnicamente Service Workers si trova tra la rete e il dispositivo e fornisce il contenuto gestendo le richieste HTTP a livello di codice.
Gestiscono la memorizzazione nella cache affidabile e intelligente, mantengono la sincronizzazione in background, le notifiche push e, soprattutto, consentono la navigazione offline dei siti visitati in precedenza.

Architettura della shell dell'applicazione
Il modello App Shell è un approccio architetturale utilizzato per il caricamento rapido, cosa che gli utenti si aspetterebbero durante l'avvio di un'app nativa.

È un meccanismo di memorizzazione nella cache, in cui l'interfaccia utente di base viene archiviata come frame statico, su cui è possibile caricare progressivamente il contenuto, consentendo agli utenti di interagire con l'app nonostante vari gradi di connettività web.
Allora, cos'è che rende le PWA molto più attraenti. Diamo un'occhiata ad alcuni dei principali problemi che esistevano con il sito Web o le app mobili, che le PWA hanno affrontato:

Vantaggi delle PWA

Questa sezione è stata divisa in due parti, una sugli svantaggi dei siti Web e delle app mobili native e su come le PWA soddisfano questi problemi.

Vantaggio rispetto alle app mobili native

Le app native per dispositivi mobili sono lo standard d'oro quando si tratta di usabilità e velocità, ma ci sono alcuni difetti. E la tecnologia man mano che si evolve, migliora solo e tutte le imperfezioni vengono sempre eliminate.

Il più grande difetto delle app attuali è che sono inaccessibili. La maggior parte delle app mobili riceve meno di 1000 download .

Scompaiono nell'etere, senza lasciare traccia, ma perché? Perché per trovare un'app devi cercarla. A differenza del caso dei siti Web, in cui Google spesso ci porta su siti Web, non abbiamo cercato davvero.

Un'altra statistica sorprendente sull'utilizzo delle app mobili rivela che c'è un calo del 20% nel volume degli utenti dal download all'utilizzo attivo. Quindi da qualche parte tra trovare un'app, scaricarla e infine utilizzarla; 1 utente su 5 scompare.

Aggiungi a questo il fatto che lo sviluppo e la manutenzione di un'app mobile, idealmente sia su Android che su iOS insieme a un sito Web, lo rende piuttosto costoso.

Progressive Web Apps è la soluzione a tutti gli svantaggi di cui sopra:

Esistono sul Web come i siti Web, quindi possono essere trovati nei risultati di ricerca di Google, rendendo così l'accessibilità e la scoperta delle PWA molto più semplici.

Le PWA ignorano il passaggio, in cui gli utenti devono scaricare l'app dall'app store, eliminando così l'attrito. Possono essere aggiunti direttamente alla schermata iniziale del dispositivo e accedervi da lì.
Immagina di cercare su Google un biglietto aereo per Los Angeles e, invece di un sito Web, potresti accedere istantaneamente a un'app di viaggio, con la stessa interfaccia intuitiva di quella di un'app nativa. Bene, questo è ciò che le PWA sono per te.

Le PWA sono indipendenti dalla piattaforma in quanto sono essenzialmente siti Web con tutte le funzionalità di un'app mobile. Quindi costruire una PWA e mantenerla è meno costosa e puoi spedirla più velocemente.

Vantaggio rispetto al sito web

Il principale svantaggio di un sito Web è che sono lenti rispetto alle app mobili e sono inaffidabili quando si accede con connessioni instabili.

Questo è ciò che ha dato origine alla “Web Obesity Crisis”. Adoriamo le pagine web con video HD e animazioni colorate, ma allo stesso tempo le statistiche suggeriscono che il 40% degli utenti rimbalza da un sito web che impiega più di 3 secondi per caricarsi.

A parte questo, i siti Web hanno sempre desiderato un posto nella barra delle notifiche e nella schermata iniziale proprio come un'app.

Le PWA apportano il giusto mix a questi problemi che affliggono il sito Web da molto tempo:

Come accennato in precedenza, le PWA utilizzano l'App Shell Architecture, che garantisce un caricamento rapido dei file . Fornisce un frame statico con componenti web affidabili e veloci per il primo caricamento, su cui altri contenuti vengono caricati progressivamente o dinamicamente.

È possibile aggiungere e accedere alle PWA da un dispositivo proprio come un'app . Aggiungerne uno è più semplice che scaricare un'app. Qui devi solo accettare il prompt "Aggiungi alla schermata principale" durante la navigazione e la PWA verrà aggiunta alla schermata principale del tuo dispositivo.
La prossima volta che lo avvierai dalla schermata principale del tuo dispositivo, nasconderà tutti i controlli del browser e si comporterà come un'app.

Come puoi vedere, le PWA combinano il meglio di entrambi; la velocità e l'usabilità di un'app nativa con il robusto framework di back-end e la connettività dei siti web. Questo è esattamente il motivo per cui chiamo le PWA come il figlio clone di app e siti Web nativi e consiglio a tutti di non vedere l'ora di investire nello sviluppo di app Web progressive. Ma, allo stesso tempo, suggerisco a tutti di familiarizzare con la tecnologia e la sua portata sul mercato, insieme ad altri fattori che influenzano il successo del progetto di sviluppo di app mobili, come menzionato in questa guida allo sviluppo di applicazioni mobili .