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.
- Le PWA possono essere abilitate solo nei siti con protocollo HTTPS.
Per maggiori informazioni, vedi Aggiungere SSL o 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.
- You can also add PWA on IOS devices running version 11.3. However, since the "add to screen" automatic message by the browser is not yet available, users will have to add PWA manually. For more information on how to do this, visit Apple Support.
To activate PWA feature:
- Nel pannello sinistro, fai clic su SEO e impostazioni, quindi su Applicazione web progressiva (PWA).
- Fai clic sull'interruttore Attiva applicazione Web progressiva.
- (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.
- (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:
- Name. This is the name displayed on the splash screen and the “Add to homescreen message.” It can be up to 60 characters long.
- Short Name. This is the name used when there is not enough space to display the full name; for example, on the mobile homescreen. This name can be up to 60 characters, but we suggest that you make it as short as you can.
- Icon. This is the icon that appears on the mobile homescreen and the splash screen when the app is loading. It must be at least 192 pixels width and in .png format.
- Splash screen background color. This is the color that appears while the site is loading.
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.
