What is progressive web apps (PWA)?
Estimated Reading Time 7 minutes
A progressive web application (PWA) is a hybrid internet revolution. This new web technology enhances UX giving the user more opportunity. This innovation was created by taking the best bits of a native app and web app, in essence creating the best of both worlds.
For a PWA to work there a two elements which are needed, The Service Worker and The Web App Manifest.
- The second element which a PWA needs is the Web App Manifest, this is a JSON script, making it possible for the Web App to have a home screen icon, theme, splash screen and the ability for the web app to run in full-screen mode and as a standalone application.
PWA’s can be viewed as a set of web pages or a single web page that are rendered on a mobile device browser. They use common web languages such as HTML, HTML5, CSS, etc which simulate the retrieval of data from a mock API, all in a shell like architecture. To give the application it’s native appearance, a the Web App Manifest is used to describe the application and the Service Worker is used similar to the cache.
A common analogy for how a PWA works is related to the M&M peanut simulating a self-contained unit.
Peanut= The core Web HTML page content
Chocolate= The Web App Manifest applying the JSON script
Pros and Cons of PWA’s:
No ‘installation required’.
No application update required.
Home screen icon.
Fresh content always available.
Less storage used.
Not all browsers are supported.
Not all native device software functionality is supported.
Not all native device hardware functionality is supported.
There is no central download store.
Cross app logins are not supported.
There are many reasons why you should think about using Progressive Web Apps. Not only are they killer hot for user experience, they are also cheaper to create than an actual app.
You really do get the best of both worlds with these. Lastly, due to PWA’s being more reliable and quicker to load we do need to say goodbye to the Down-asaurus, as he will never appear with a PWA. RIP Dino.