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 su siti HTTPS. Per ulteriori informazioni, vedere SSL (HTTPS)\.
-
PWAs are supported on Chrome for Android. If PWA is enabled, the browser automatically asks the user if they want to add the site in the home screen.
-
È 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.
To activate PWA feature:
-
Nel pannello di sinistra, fai clic su SEO e impostazioni, quindi fai clic su Progressive Web App (PWA).
-
Fare clic sull'interruttore Attiva app Web progressiva .
-
(Facoltativo) Fai clic sull'interruttore Servi prima il markup delle pagine dalla cache . Questa impostazione modifica la nostra strategia di memorizzazione nella cache dei service worker (per i siti di runtime); Invece di controllare prima la rete, otterrà prima la pagina dalla cache (purché non venga ripubblicata). La cache first (attivazione) può essere la soluzione migliore se sai che il sito e le sue risorse non cambieranno molto, poiché caricherà rapidamente le informazioni memorizzate nella cache e sarà più facilmente disponibile per i clienti offline. L'utilizzo della rete prima (con l'opzione disattivata) è la soluzione migliore quando i dati devono essere il più aggiornati possibile.
-
(Facoltativo) Fai clic su Abilita browser mobili per richiedere di installare il sito come app. Quando questa opzione è attivata, è possibile configurare le seguenti impostazioni:
-
Nome. Questo è il nome visualizzato nella schermata iniziale e il messaggio "Aggiungi alla schermata iniziale". Può essere lungo fino a 60 caratteri.
-
Nome breve. 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 .png formato.
-
Colore di sfondo della schermata iniziale. Questo è il colore che appare durante il caricamento del sito.
-
When a user accesses a site enabled with PWA from their mobile device, they will see an Add to Home screen button displayed below the site. Once added to the home screen, the icon will be displayed on their device for quick access to the site (similar to an app).
The user can now re-enter the site using this icon, even if the device is offline.