In recent times if your site is taking a long time then you are losing your users. As per google analytics, A site visitor waits for only 2–3 seconds for the site loading.
Progressive Web App(PWA) can create a big impact on your site visitors, today web trends are changing and Google is fully supporting with new technological changes.
Progressive web app(PWA) stands for:
- The progressive web app is the same as a web application but with some new features like web-push notification, offline load, etc., You need to add some JavaScript code on your web page & your site will become the PWA.
- The progressive web app provides a native app feeling i.e. you can use PWA in your mobile App.
Standards to follow:
Google’s Chrome provides the lighthouse audit tool that helps to audit the PWA
-
Serves On HTTPS: For this, your domain must have the SSL certificate and make sure you redirect all Http request to https
-
Offline Support: Responds 200 when offline
-
Page load should not take more than 10 sec
-
Add
<meta name=”viewport”>
tag with width or initial-scale Add this tag to your Header<meta name="viewport" content="width=device-width,initial-scale=1">
-
Registers a Service Workers: Add this in the footer of your Html page & create a service-worker.js file
if ('serviceWorker' in navigator) { navigator.serviceWorker.register('service-worker.js'); }
-
Add the below html tag in the footer
<noscript></noscript>
-
Custom Splash screen: Google Chrome gets the Splash Screen from the manifest.json file