Progressive Web App (PWA) is a web application which loads like regular webpage. Progressive Web Apps has capabilities of delivering app like experience to the users. Such as push notifications, offline access and device hardware access. This apps do not need to install or download.
In 2015, designer Frances Berriman and Google Chrome engineer Alex Russell used the term “Progressive Web Apps” to describe the apps which uses modern browser technologies like Service Workers, Web App Manifest, Web Assembly, Indexed Database (IDB) etc. PWAs are enhancement of existing web technology to make apps which are ready for future.
Progressive Web Apps are user experiences that have the reach of the web. Also they are,
- Reliable – Load instantly, even in uncertain network conditions
- Fast – Respond quickly to user interactions with silky smooth animations and no scrolling
- Engaging – Feel like a natural app on the device,
According to Google Developers PWAs has some unique characteristics. They are,
- Progressive – Works for every user, regardless of browser choice because it’s built with progressive enhancement as a core tenet
- Responsive – Fits any form factor: desktop, mobile, tablet etc
- Connectivity Independent – Enhanced with service workers to work offline or on low-quality networks
- App-like – Feels like an app, because the app shell model separates the application functionality from application content
- Fresh – Always up-to-date
- Safe – Served via HTTPS to prevent snooping and to ensure content hasn’t been tampered with
- Discoverable – Act as an app and allow search engines to find it
- Re-engageable – Makes re-engagement easy through features like push notifications
- Installable – Allows users to add apps they find most useful to their home screen without the hassle of an app store
- Linkable – Easily share the application via URL without installation
Progressive web apps do not cost for publisher to release. It is an big advantage in PWAs. Google encourage developers to use PWA’s and convert their current apps to PWA’s. All documentation and required developing tools are freely available in Google Developers website. If you want to give a try these are the requirements.
- A recent version of Chrome. Note, this works in other browsers as well, but we’ll be using a few features of the Chrome DevTools to better understand what’s happening at the browser level.
- Web Server for Chrome, or your own web server of choice
- The sample code
- A text editor
There is a service called Lighthouse, which is an open-source, automated tool for improving the quality of your Progressive Web Apps, eliminates much of the manual testing that was previously required. You can even use Lighthouse in continuous integration systems to catch regressions.
Google published a free course on Youtube.
Here is the link for playlist : https://www.youtube.com/playlist?list=PLNYkxOF6rcIAdnzEsWkg0KpMn2WJwMBmN
This is official website for PWAs : https://developers.google.com/web/progressive-web-apps/
Hope you enjoyed this article. Stay in touch with us for more.