Progressive Web Apps
apps.
BEST
THE FUTURE IS WHERE?
of U.S. smartphone users download
2/3
apps/month.
0
* comScore Report 2014
of U.S. smartphone users download
1/2
apps/month.
0
* comScore Report 2016
Native Apps:
Consumer
Load app store
FInd in app store
Decide on compability and space
Download and wait
Install and accept permissions
Use.
Hard to develop and support.
Not a cheaper proposition.
Hard to distribute via app store process.
Native Apps:
Developer and Client
"You’ve got everything you need if you know how to write apps using the most modern web standards to write amazing apps for the iPhone today"
What about web apps?
"The biggest mistake we made
as a company was betting too much on HTML5
as opposed to native."
Web Milestones
STATIC -> DYNAMIC -> AJAX -> RWD
PWA
Uses modern web capabilities to deliver an app-like user experience.
Web Milestones
Which one is which?
PWA Features!
Progressive
Feature #1
Responsive
Feature #2
Connectivity Independant
Feature #3
App-like
Feature #5
Fresh
Feature #6
Safe
Feature #7
Discoverable
Feature #8
Re-engageable
Feature #9
Installable
Feature #10
Linkable
Feature #11
A Progressive Web App is:
- Progressive
- Responsive
- Connective Independent
- App-like
- Fresh
- Safe
- Discoverable
- Re-enageable
- Installable
- Linkable
Service Worker
Web App Manifest
App Shell
Service Worker
Web App Manifest
App Shell
-
3.5 minutes vs 70 seconds.
-
3x more time spent on site
-
40% higher re-engagement rate
-
70% greater conversion rate among those arriving via Add to Homescreen
-
3x lower data usage
Upcoming Days?
Native
Andriod Instant Apps
PWA
?
Demo
How progressive is your app?
Disclaimer:
All the images used in this slides are from various web sites, presentations and videos regarding pwas.
PWA
By Saad Bin Amjad
