Making a website/web app installable using PWA (Part-2 — The Installation)

PWA of the demo site

1. HTTPS enabled

PWA works only on websites with HTTPS protocol.

2. Manifest file

3. Service Worker

Operates on four events named Register, Install, Fetch & Activate.

4. Offline Experience (optional)

Demo website image
Demo website

start_url

<link rel="manifest" href="manifest.json">
chrome dev tools > Application > Manifest
  • Register
  • install
  • fetch
  • activate

why add an offline experience for the site.

verifying service worker in Chrome Dev tools
Lighthouse score of my webpage
Final output

--

--

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