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
