App Web progressiva (PWA)

Un'App Web progressiva (PWA) è un'applicazione web che consente di offrire un'esperienza nativa simile a un'app per dispositivi mobili, in modo da offrire la massima velocità, fluidità e interazione con il sito web.

Le PWA vengono caricate istantaneamente, rispondono rapidamente alle interazioni dell'utente e hanno l'aspetto di un'app. Non hanno bisogno di un app store per l'installazione e consentono agli utenti di rientrare immediatamente nel sito, anche quando un dispositivo è offline.

Nota
  • Le PWA possono essere abilitate solo nei siti con protocollo HTTPS.
  • Le PWA sono supportate su Chrome per Android. Se la PWA è abilitata, il browser chiederà automaticamente all'utente se desidera aggiungere il sito nella schermata home.
  • È inoltre possibile aggiungere una PWA su dispositivi che eseguono la versione 11.3 di IOS. Tuttavia, poiché il messaggio automatico "Aggiungi alla schermata" dal browser non è ancora disponibile, gli utenti dovranno aggiungere la PWA manualmente. Per maggiori informazioni su come farlo, visitare l'Assistenza Apple.

Per attivare la funzione PWA:

  1. Nel pannello sinistro, fai clic su SEO e impostazioni, quindi su Applicazione web progressiva (PWA).
  2.  Fai clic sull'interruttore Attiva applicazione Web progressiva.
  3. (Facoltativo) Fai clic sull'interruttore Pubblica prima il markup delle pagine dalla cache. Questa impostazione modifica la nostra strategia di memorizzazione nella cache del service worker (per i siti di runtime); invece di controllare prima la rete, otterrà prima la pagina dalla cache (a condizione che non venga ripubblicata). La cache per prima (interruttore attivato) può essere la soluzione migliore se sai che il sito e le sue risorse non cambieranno molto, in quanto caricherà rapidamente le informazioni nella cache e sarà più facilmente disponibile per i clienti offline. L'utilizzo della rete per prima (interruttore disattivato) è ottimale quando i dati devono essere il più freschi possibile.
  4.  (Opzionale) Fai clic su Abilita browser per dispositivi mobili per richiedere l'installazione del sito come app. Quando l'opzione è attivata, puoi configurare le seguenti impostazioni:
    • Nome: si tratta del nome visualizzato nella schermata iniziale e nel messaggio "Aggiungi alla schermata home". Può contenere fino a 60 caratteri.
    • Nome abbreviato: si tratta del nome utilizzato quando non c'è spazio sufficiente per visualizzare il nome completo, ad esempio, sulla schermata home di un dispositivo mobile Pur potendo usare fino a un massimo di 60 caratteri, ti consigliamo di mantenerlo il più breve possibile.
    • Icona: è l'icona che appare sulla schermata home del dispositivo mobile e sulla schermata di caricamento dell'app. Deve avere una larghezza di almeno 192 pixel e deve essere in formato .png.
    • Colore di sfondo della schermata iniziale: il colore visualizzato durante la fase di caricamento del sito.

Quando un utente accede dal proprio dispositivo mobile a un sito abilitato con PWA, sotto il sito verrà visualizzato un pulsante AGGIUNGI ALLA PAGINA HOME. Una volta aggiunto alla schermata home, l'icona verrà visualizzata sul dispositivo dell'utente per consentirgli di accedere rapidamente al sito (simile a un'app).

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