Progressive Web App (PWA)

Una Progressive Web App (PWA) è un'applicazione web che ti permette di offrire agli utenti mobili un'esperienza simile a quella di un'app nativa: veloce, fluida e coinvolgente.

Le PWA si caricano all'istante, rispondono rapidamente alle azioni dell'utente e sembrano vere e proprie app. Non richiedono un app store per l'installazione e permettono agli utenti di rientrare subito nel sito, anche quando il dispositivo è offline.

Nota:

• Le PWA possono essere attivate solo su siti HTTPS. Per maggiori informazioni, vedi SSLs (HTTPS).
• Le PWA sono supportate su Chrome per Android. Se la PWA è attiva, il browser chiede automaticamente all'utente se vuole aggiungere il sito alla schermata home.
• Puoi aggiungere una PWA anche sui dispositivi iOS con versione 11.3. Tuttavia, poiché il messaggio automatico "aggiungi alla schermata" del browser non è ancora disponibile, gli utenti dovranno aggiungere la PWA manualmente. Per sapere come farlo, visita Apple Support.

Attivare la funzione PWA

Per attivare la funzione PWA:

1. Nel pannello laterale, clicca su Altro, poi clicca su Impostazioni.
2. Clicca su Progressive Web App.
3. Clicca sull'opzione Attiva app Web progressiva.
4. (Facoltativo) Clicca sull'opzione Pubblica prima il markup delle pagine dalla cache. Questa impostazione cambia la strategia di caching del nostro service worker (per i siti runtime): invece di controllare prima la rete, carica la pagina prima dalla cache (finché non viene ripubblicata). Il caricamento dalla cache (opzione attiva) è la scelta migliore se sai che il sito e i suoi contenuti non cambieranno molto, perché carica rapidamente le informazioni memorizzate ed è più facilmente disponibile offline per i clienti. Il caricamento dalla rete (opzione disattivata) è la scelta migliore quando i dati devono essere il più aggiornati possibile.
5. (Facoltativo) Clicca sull'opzione Abilita i browser del telefonino a suggerire di installare il sito come un'app. Quando è attiva, puoi configurare le seguenti impostazioni:
   • Name. È il nome mostrato nella schermata di avvio e nel messaggio "aggiungi alla schermata home". Può avere fino a 60 caratteri.
   • Nome abbreviato. È il nome usato quando non c'è spazio sufficiente per mostrare il nome completo, ad esempio nella schermata home del dispositivo mobile. Può avere fino a 60 caratteri, ma ti consigliamo di renderlo il più corto possibile.
   • Icona. È l'icona che compare nella schermata home del dispositivo mobile e nella schermata di avvio quando l'app si carica. Deve essere larga almeno 192 pixel ed essere in formato .png.
   • Colore di sfondo della schermata iniziale. È il colore che compare mentre il sito si carica.

Quando un utente accede da mobile a un sito con la PWA attiva, vede un pulsante Aggiungi alla schermata iniziale sotto il sito. Una volta aggiunto alla schermata home, l'icona compare sul suo dispositivo per accedere rapidamente al sito (come per un'app).

L'utente può ora rientrare nel sito usando questa icona, anche se il dispositivo è offline.