PWA – Progressive Web App cosa sono e perché sono utili

Le PWA (Progressive Web App) sono siti web che si comportano come app native: lanciate da Google dal 2015, permettono di navigare anche offline, di essere installate sullo schermo dello smartphone e di caricare più velocemente. Per un business online significano più coinvolgimento e accessibilità senza dover sviluppare un’app separata. In questa guida vedi cosa sono le PWA e quali vantaggi concreti offrono.

Avrai sicuramente sentito parlare di PWA ovvero Progressive Web App, applicazioni lanciate da Google a partire dal 2015.

Se ti stuzzica l’idea di integrare una PWA al tuo business online, questo articolo può tornarti utile per capire cosa sono le Progressive Web App e quali vantaggi si possono trarre da esse.

Quali sono i vantaggi delle Progressive Web App?

Le PWA nascono con lo scopo di garantire la navigazione tra i contenuti offline quindi in parole povere rendere tutti gli utenti in grado di accedere a contenuti anche senza che lo smartphone sia connesso ad internet.

Ciò che si è osservato in questi anni è che la maggioranza degli utenti che accede per la prima volta ad un sito potenziato da una PWA è spinto ad installare l’applicazione per poter accedere ai contenuti ogni volta che lo desidera.

Una Progressive Web App offre il vantaggio di ridurre il tempo di caricamento di un sito e di avere sempre accesso a contenuti ed informazioni utili. La PWA infatti andrà a creare un pacchetto APK in cui è possibile inserire file per la cache locale; quindi pagine HTML, file CSS e JS ecc.

Queste PWA si compongono di tre parti fondamentali:

• Service worker: si tratta di uno script che permette al browser di memorizzare tutte le informazioni di un sito senza che quest’ultimo l’abbia visitato interamente
• App shell: possiamo paragonare questa parte ad una cornice; in essa sono pubblicati i contenuti del sito. Tali contenuti possiedono una certa staticità che li rende ri-proponibili ogni qualvolta un utente accede all’app per consultarli
• JSON Manifest: si tratta di un file contenente tutte le info di base dell’applicazione; cioè ad esempio nome, icona, collocazione degli elementi testuali e grafici

In breve ecco alcuni dei vantaggi di una PWA:

• Si può navigare in tutta sicurezza grazie al protocollo HTTPS
• Si può accedere in qualunque momento ad un sito reattivo, sia su tablet che su dispositivi mobili, semplicemente cliccando sull’icona della App dalla home del dispositivo
• Si possono avere tutte le info a portata di click attraverso “Aggiungi alla schermata Home”
• Tutte le risorse HTML, CSS, JS etc sono salvate in cache, in modo da rendere la navigazione velocissima
• I contenuti delle Progressive Web App sono indicizzabili dai motori di ricerca, e possono quindi migliorare il posizionamento
• Non avendo la barra superiore del browser ed essendo a schermo intero, le PWA offrono maggior spazio ai contenuti, proprio come una app nativa
• La schermata di caricamento iniziale di una Progressive Web App (la cosiddetta splash screen) può essere personalizzata con la grafica ed il logo
• E’ possibile implementare le notifiche push in una PWA, in modo da inviare avvisi e messaggi ai propri utenti
• Una PWA è cross-browser (Chrome, Edge, Firefox e Safari)
• I costi di sviluppo di una Progressive Web App sono decisamente inferiori a quelli di una app nativa

Progressive Web App WordPress

E’ possibile creare una PWA anche per i siti sviluppati in WordPress.

Una volta installata una PWA è possibile anche verificare se si tratta “realmente” di una Progressive Web App attraverso un’estensione che Google mette a disposizione gratuitamente Ligthouse che ci dirà esattamente cosa dobbiamo perfezionare o modificare affinché l’applicazione diventi effettivamente una PWA.

Se desideri rendere il tuo sito più reattivo, accessibile e fruibile contattami e chiedimi maggiori info sull’installazione di una PWA.