Progressive Web Applications 


what is it?

why it matters?

how does it work?

the user experience drive

mobile web < mobile app?

 

  • predictable

  • easy to find

  • features push notifications 

the flip side 

  • low usage after installation 

  • separate code base for each platform

  • needs higher data consumption and network

  • space & cost

native app vs web

PWA

best of both worlds!

PWA

radically improving the end-to-end user experience 

fast

integrated

reliable

engaging

F

I

R

E

fast

technical components of PWA

service workers

manifest.json

tools and libraries

  • lighthouse
    audit tool which can run against any web page, public or personal, and generates one report with the checklist required for PWA

  • workbox
    a collection of libraries, open sourced by Google and can be used to generate the service worker file

the P in PWA

65% increase in pages per session, 75% increase in tweets sent

Lite

60% hike in core engagements, time spent is also increased by 40%

Lite

Tinder reduced load time from 11.91 seconds to 4.69 seconds with its new PWA

PWA

By Rohini Senthil