Making a website/web app installable using PWA (Part-1 — The Power of PWA)

What is PWA?

PWA logo

Pillars of PWA

  1. Installable as App — PWA is installable on any device as an application and consumes less space when compared to native apps. In addition, they’re launchable from on the user’s home screen, dock, and taskbar.
  2. Reliable — It works regardless of the network connection.
  3. Capable — For example, you can build a video chat app using WebRTC, geolocation, and push notifications and make it available as a native app. Twitter lite uses the concept of PWA.
PWA install indicators
  • 50% of smartphone users are more likely to use a company’s mobile site when browsing or shopping because they don’t want to download an app.
  • One of the top reasons for uninstalling an app is the limited storage.
  • Users hate delays and unreliability on mobile.
  • Uninterrupted flow.

How does PWA fulfil customer needs and shape a good experience?

  • It uses caching and predictive fetching of resources, making the site perform faster and more reliable.
  • PWA usually takes less than 1MB of storage.
  • New APIs like web push notifications make it easier to re-engage your users with personalized content.

But why should a user install PWA?

  1. Redirects to Playstore or App store.
  2. Download the app.
  3. Account sign-in and continuing the process.
PWA installation vs Native app installation.
Lighthouse report of my web page

--

--

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Ravi Kiran Dhulipala

Ravi Kiran Dhulipala

19 Followers

User experience Designer inclined towards solving for people needs