A Progressive Web App (PWA) is a web application that enables you to deliver a native app-like experience to users on mobile so that they have a fast, smooth and engaging experience with your website.
PWAs load instantly, respond quickly to user interactions, and feel like a natural app. They do not need an app store for installation and enable users to re-enter the site instantly, even when a device is offline.
Click the Info & Tools icon in the top bar menu and turn on the Enable PWA settings.
Make sure to click Apply to save your changes.
Once the feature is enabled in the editor, you can activate it for any site. To activate, click the site’s Settings tab, click Progressive Web App (PWA), and turn it on.
Once PWA has been activated for a site, you can configure the following settings:
- 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 HOMESCREEN button displayed below the site. Once added to the homescreen, 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 via this icon, even if the device is offline.
This is currently an Experimental Feature.
PWAs can only be enabled on HTTPS sites. To read more about securing your site with SSL, click here.
PWAs are supported on Chrome for Android. Caching and offline is supported on Chrome for Desktop and Firefox.
The new beta version of iOS 11.3 will support caching to some extent (but not “Add to homescreen” yet).