Applicazioni Web progressive il futuro del Web moderno?

Oggigiorno le Progressive Web Apps (PWA) parlano della città, principalmente grazie alla loro incredibile usabilità e all'esperienza utente unica. Con le funzionalità combinate di siti Web e app native, gli PWA stanno diventando una norma per le applicazioni web multi-dispositivo consentendo agli sviluppatori di creare app dinamiche a caricamento rapido senza usare framework ibridi.

Credo che le app Web progressive siano le futuro dei siti web - e nel seguente articolo discuterò dei suoi benefici e dei casi d'uso per darti il quadro completo. Andiamo avanti.

Che cosa sono le app Web progressive?

Il termine “Applicazioni Web progressive” è stato coniato per la prima volta da Alex Rusell (uno sviluppatore di Google Chrome) e Frances Berriman (un designer). Alex ha condiviso la sua idea sulle app Web progressive “Queste app non sono pacchettizzate e distribuite attraverso i negozi, sono solo siti web che hanno preso tutte le vitamine giuste“.

“I siti che vogliono inviarti notifiche o essere sulla tua schermata iniziale devono guadagnarli nel tempo, man mano che li usi sempre di più. Diventano progressivamente “applicazioni”“, ha scritto ad Alex riguardo all'appiness di PWA. Alla fine, ha concluso, “queste applicazioni possono fornire un pari migliore esperienza utente rispetto alle tradizionali applicazioni web“.

App Web contro App Web progressive

Le app Web o le app Web tradizionali sono le app lato client eseguire direttamente in un browser web. Anche se sono migliori dei siti web, hanno i loro problemi. Se non conosci la differenza tra app e siti Web, le app web differiscono dai siti web perché le app web sembrano app native.

Ciò detto, le Web App progressive sono le nuova generazione di app web che funzionano più come app native sfruttando i miglioramenti nativi del dispositivo. Ad esempio, le app Web progressive possono fare uso di caratteristiche native come fotocamera, fari, ecc. insieme a funzioni come cache offline, notifiche push, ecc.

Perché abbiamo bisogno di app Web progressive?

Abbiamo app native, da un lato, incredibilmente veloci e affidabili anche nelle situazioni peggiori come la connettività lenta o assente. Ma poi, abbiamo siti web e applicazioni web, d'altra parte, che sono lenti e non funzionano bene in assenza di condizioni di rete. Questo è il motivo per cui molte persone preferisci le app native.

Accelerated Mobile Pages (AMP), un progetto incoraggiato da Google, è stato avviato nel 2016 per risolvere problemi di connessione lenti, in particolare sugli smartphone e offre un'esperienza utente migliore agli utenti mobili. Tuttavia, AMP non risolve problemi di problemi di rete. Inoltre, non velocizza il tempo di caricamento tanto quanto le app native e, ancora una volta, ha poche limitazioni per raggiungere questa velocità.

Ecco perché abbiamo bisogno di app Web progressive. Gli PWA forniscono il la migliore esperienza utente possibile in una rete lenta o assente condizioni. Ad esempio, PWA può mostrare una schermata di avanzamento quando sta caricando il contenuto o una schermata iniziale quando non ci sono connettività web rispettivamente.

Perché le app Web progressive hanno senso?

Come specificato dal rapporto sull'app mobile del 2017 di comScore, gli utenti delle app spendono quasi Il 77 percento del tempo nelle loro prime tre app, mentre il resto delle app rimane inattivo ma blocca ancora le risorse di sistema inclusa la memoria. Inoltre, condivide anche questo Il 50 percento degli utenti scarica zero app al mese. Questo fatto suggerisce che gli utenti esitano ad installare nuove app, e quindi PWA ha un vantaggio.

Trovo che le persone preferiscano i siti Web sui desktop ma preferisci le app su dispositivi mobili (app native, ovviamente). Il motivo è che i computer offrono molte più risorse di rete rispetto agli smartphone e le app consumano meno risorse rispetto ai loro siti web di contropartita. Inoltre, sono veloci e affidabili.

Inoltre, le app native costano molto di più dei siti Web: fino a cinque o dieci volte o più a seconda del tipo di progetto. Inoltre, il loro costo può moltiplicarsi se è necessario sviluppare app native per più piattaforme (ad esempio Android e iOS) con basi di codice diverse. Tuttavia, PWA può aiutare ridurre al minimo tali costi di sviluppo, grazie al suo supporto per varie piattaforme.

Funzionalità di applicazioni Web progressive

Le app Web progressive hanno molte funzioni dirette che le rendono distinte rispetto alle loro controparti più semplici, ad esempio le app Web (o più semplici - i siti Web):

di risposta. Lavora su tutti i dispositivi di qualsiasi dimensione dello schermo.
Offline-prima. Carico anche in una rete lenta o assente.
Sensazione app-like. Guarda e interagisci come un'app nativa.
Aggiornato. Aggiornamento da soli, quasi in modo trasparente.
Sicuro e sicuro. Utilizza HTTPS per caricare le risorse della pagina.
Scopribile. Disponi contenuto per i motori di ricerca.
Re-inseribile. Coinvolgi nuovamente, ad esempio usando le notifiche.
installabile. Può essere posizionato sulla schermata iniziale.
collegabile. Carica pagine simili a app, ma con URL.

Ciò che trovo interessante è che le app Web progressive non sono solo app e app native accesso alle funzionalità native del dispositivo. Ciò significa che un PWA può farti uno scatto usando la fotocamera del tuo dispositivo. Tuttavia, devo condividere che non ottiene accesso a funzionalità limitate come posizione, telefono o SMS.

Nota: Puoi leggere di più sulle sue funzionalità e altri dettagli in questo post.

Creazione di app Web progressive?

Google fornisce a “Lista di controllo per applicazioni Web progressive” - un elenco di dettagli per aiutare i principianti a creare applicazioni Web progressive. Questa lista senza guida condivide il caratteristiche necessarie per creare PWA - un “Baseline PWA” e un “PWA esemplare”; il primo elenca le cose fondamentali per un'app di base e il secondo per un'app avanzata.

Inoltre, ci sono vari strumenti per aiutarti a costruire un PWA. Ad esempio, Lighthouse è gratuito, open source strumento per migliorare una pagina web inclusi controlli di qualità per accessibilità, prestazioni e funzionalità PWA. Un altro strumento funzionale è Workbox, che aiuta a crea app con un'esperienza offline prima.

Le app Web progressive sono il futuro?

Anche se le Web App progressive potrebbero non risolvere tutti i problemi delle nostre app o sostituire le app native in un futuro prossimo, credo che giocherà un ruolo significativo, grazie a i suoi benefici sono molto più dei suoi limiti. E con quasi tutte le piattaforme che iniziano a supportare gli PWA, non è lontano che li vedremo ovunque.

Apple ha introdotto le funzionalità PWA (Web API) in Safari 11.1, tra cui Beacon API, Service Workers, Web App Manifest, ecc .; portando così PWAs a iOS presto se non già. Google ha già supportato PWA in Chrome per Android e sta pianificando di portarlo anche su piattaforme desktop. Microsoft ha inoltre aggiunto il supporto per PWA in Microsoft Edge e li elencherà anche in Microsoft Store.

Cosa pensi - sono le Web App progressive il futuro? Fatemi sapere direttamente a @aksinghnet o scrivete un commento attraverso la sezione commenti qui sotto per lasciare la vostra risposta.