Una Progressive Web App (PWA) è un'applicazione Web che ti consente di offrire un'esperienza nativa simile a un'app agli utenti su dispositivi mobili in modo che abbiano un'esperienza veloce, fluida e coinvolgente con il tuo sito.
Le PWA si caricano istantaneamente, rispondono rapidamente alle interazioni degli utenti e sembrano un'app naturale. Non necessitano di un app store per l'installazione e consentono agli utenti di accedere nuovamente al sito istantaneamente, anche quando il dispositivo è offline
Nota:
-
Le PWA possono essere abilitate solo sui siti HTTPS. Per ulteriori informazioni, consulta SSL (HTTPS).
-
PWA sono supportate su Chrome per Android. Se la PWA è abilitata, il browser chiede automaticamente all'utente se desidera aggiungere il sito nella schermata principale
-
Puoi anche aggiungere PWA su dispositivi IOS che eseguono la versione 11.3. Tuttavia, poiché il messaggio automatico «aggiungi alla schermata» del browser non è ancora disponibile, gli utenti dovranno aggiungere PWA manualmente. Per ulteriori informazioni su come eseguire questa operazione, visita Supporto Apple.
Per attivare la funzionalità PWA:
-
Fare clic App Web progressiva.
-
Fai clic su Attiva la Progressive Web App attiva.
-
(Opzionale) Fai clic su Servi prima il markup delle pagine dalla cache attiva o disattiva. Questa impostazione modifica la nostra strategia di caching per i service worker (per i siti in fase di esecuzione); invece di effettuare prima il check-in in rete, recupererà prima la pagina dalla cache (a condizione che non venga ripubblicata). L'opzione Cache first (attiva) può essere la soluzione migliore se sai che il sito e le sue risorse non subiranno grandi modifiche, poiché caricherà rapidamente le informazioni memorizzate nella cache e sarà più facilmente disponibile per i clienti offline. Usare prima la rete (disattivando questa opzione) è la soluzione migliore quando i dati devono essere il
-
(Opzionale) Fai clic su Abilita i browser mobili per richiedere l'installazione del sito come app. Quando questa opzione è attivata, puoi configurare le seguenti
-
Nome. Questo è il nome visualizzato nella schermata iniziale e nel messaggio «Aggiungi alla schermata iniziale». Può contenere fino a 60 caratteri
-
Nome abbreviato. Questo è il nome utilizzato quando non c'è abbastanza spazio per visualizzare il nome completo, ad esempio, nella schermata iniziale del cellulare. Questo nome può contenere fino a 60 caratteri, ma ti consigliamo di renderlo il più breve possibile.
-
icona. Questa è l'icona che appare nella schermata iniziale del cellulare e nella schermata iniziale durante il caricamento dell'app. Deve avere una larghezza di almeno 192 pixel e in formato .png.
-
Colore di sfondo della schermata iniziale. Questo è il colore che appare durante il caricamento del sito.
-
Quando un utente accede a un sito abilitato con PWA dal proprio dispositivo mobile, vedrà un pulsante Aggiungi alla schermata Home visualizzato sotto il sito. Una volta aggiunta alla schermata principale, l'icona verrà visualizzata sul dispositivo per un rapido accesso al sito (simile a un'app
L'utente può ora accedere nuovamente al sito utilizzando questa icona, anche se il dispositivo è offline.