The progress of PWA (Progressive Web Applications) mobile apps

The progress of PWA (Progressive Web Applications) mobile apps

The first part of a two blog series on Progressive Web Application introduces the easily adaptable and popular PWA and a very distinct history behind it. It also lines out the future and advantages of the web-based application. The second blog post will line out the adoption of PWAs among some of the recognized businesses and the benefits they have incurred.

The two blog posts will help digital business owners make up their mind on utilizing PWA to either make a foray into the mobile screens of their user base or complement their native app offering to reach out to a wider audience.

The first time the idea of Progressive Web Applications (PWA) was coined way back in 2007. Albeit, it was not christened PWA then. At the launch of the iPhone, the legendary Steve Jobs shared his idea of web apps developed in HTML5 using AJAX architecture that would be fully integrated into the device through the safari browser engine.

In 2015 Frances Berriman and Alex Russell, senior engineers with Google, observed a new class of websites providing a better user experience than traditional web applications. These applications rated high on user experience were independent of the browser tab and lived on their own while maintaining their ubiquity and linkability. Berriman and Russell named this new breed of applications as Progressive Web Applications.

Eric Bidelman, Senior Staff Developers Programs Engineer, introduced PWA at the Google I/O event in 2016.

The potential of PWAs can be gauged in the fact that two of the world’s biggest tech rivals Microsoft and Google, joined hands to make room for the technology.

Since becoming a widely recognized term in technology, PWA’s have made rapid strides towards widespread acceptance. Apple Inc., whose founder had first proposed web-based mobile applications, is actively pursuing it but calling it by a different name. They use the term: “HTML5 Apps” and “Home Screen web apps” instead.

Inside PWAs

A PWA is built and lives on the web but has capabilities similar to the native apps. Be it the look and feel or the way the app behaves it is quite similar to native apps.

A progressive web application leverages the website, adds some extra features that enhance the web properties to drive capabilities on mobile. In technical parlance, that would mean serving your web site over HTTPS and having a service worker and manifest.json file to turn your website into a PWA.

A service worker or a JavaScript enables the website to function in the absence of an internet connection. The service worker acts like a proxy server and acts as a bridge between the browser and the network and helps intercept network requests and serve custom responses.

PWA Diagram
PWA – How it works

PWA provides easy optimization of your website to enable mobile experience for your users irrespective of the platform. Simply put it renders a seamless experience across iOS and Android platforms and does not require uploading on any app stores. This also eliminates the need for users to install updates on their phones. Every time there is a new version of the app, it just needs to be deployed on the webserver and is automatically available to the users when they visit next.

PWAs are in demand and for legit reasons

Talk of PWAs and the discussion invariably steers towards a comparison between a native application and PWA capabilities. Listed below are a few factors enticing businesses to take a plunge into the mobile-first world with a PWA. It also is a viable option for businesses looking to complement their existing native application to expand their reach across devices and platforms.

  • Truly progressive: PWAs work for every user irrespective of the browser or the platform because the base is built with progressive enhancements.
  • Highly responsive: Progressive web applications are highly responsive and seamlessly adapt to the various screen sizes be it desktops, different mobile devices, and tablets.
  • Closely replicating native apps: The user experience and interface match up to that of native applications.
  • Easily and regularly updated: The process of running updates is convenient thanks to the data update process offered by service workers.
  • Secure: As PWAs run through HTTPS, it ensures safety in content delivery and content interaction.
  • Searchable: Indexed by search engines PWAs show up in Google search results.
  • Installable: Installing PWA applications is an easy affair as it does not require users to download it from the app store or play store, consuming little space.
  • Linkable: A clickable link is all it takes to install or share the application among users.
  • Offline functionality: PWAs work without the internet connection leveraging data cached from the last instance the user interacted with the application

We are confident that with the evolution of PWAs there will be many more benefits that may come to the fore. Are there benefits or interesting facts about PWA that you have come across and would like to share with us? Drop it here in the comments section.

Read the next blog on the adoption of PWAs among some of the recognized businesses and the benefits they have incurred.

Leave a Reply