Progressive Web Apps aim to bring the benefits of native mobile apps to the web. They use newer web capabilities like app manifests and service workers to deliver app-like experiences through the browser. App manifests allow web apps to be installed on home screens and launched full screen like native apps. Service workers enable features like offline access and push notifications. Early adopters are seeing increased user engagement through Progressive Web Apps, with metrics like conversions and time spent improving. While browser support is still evolving, Progressive Web Apps provide a promising approach for delivering high-quality mobile experiences through the web.
Report
Share
Report
Share
1 of 84
Download to read offline
More Related Content
Progressive Web Apps – the return of the web?
1. Progressive Web Apps – the return of the web?
Chris Heilmann @codepo8, Devternity Riga, December 2016
6. 💔 The web wasn’t ready for
the mobile form factor.
7. 😠
🌧 Mobile was a throwback to the
web of old
🌧 Small screens, bad connectivity,
unreliable browser support
🌧 Constantly changing conditions
🌧 Hardwired browser and hardware
with unpredictable upgrades
9. 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.
“
– Steve Jobs, 2007
11. App Store At 6: How Steve Jobs'
Biggest Blunder Became One Of
Apple's Greatest Strengths
http://www.forbes.com/sites/markrogowsky/2014/07/11/app-store-at-6-how-steve-jobs-biggest-
blunder-became-one-of-apples-greatest-strengths/#615411fe4874
“ – Forbes, 2014
13. 😕 902 words article
😕 9.1 MB data
😕 522 requests
😕 52.48 seconds load time
17. 🤔
💸 On the web, users are in control.
💸 Users are conditioned to not pay for
things but find ways around
💸 Somehow, you have to pay the bills…
💸 Let’s try to turn users into products to
sell to others…
The publisher’s dilemma…
20. 😍 Control over the look and feel
😍 Revenue resource (apps cost money)
😍 Control over the distribution (remove
them from the market or only offer in
certain regions)
😍 In-built obsolescence (new versions cost
more)
😍 Control the environment (iOS first,
Android maybe…)
Apps for publishers…
22. 😕 Pricing race to the bottom (99 cents)
😕 Lock-in into the marketplace with its own
rules and restrictions
😕 Revenue share with marketplace/OS
provider
😕 Updates are hard and may be delayed
by the marketplace rules
😕 Turns out, people don’t want to be
locked in…
Reality check for
publishers…
23. 94% of app revenue comes from
1% of publishers
https://sensortower.com/blog/app-store-one-percent
“
24. 80% of users who download an
app fail to become active users.
http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/
“
25. In app purchases are where the
money is at - and these are
regulated by the platform or cost
a percentage.
marketingland.com/app-purchases-dominate-ads-app-store-lifetime-revenue-hits-71-billion-183953
“
26. 60% of apps in the Google Play
app store have never been
downloaded.
https://www.youtube.com/watch?v=EUthgV-U05w&feature=youtu.be&t=1m56s
“
27. The average user downloads less
than 3 apps per month. Half of
US smartphone users download
zero apps per month.
http://www.recode.net/2016/9/16/12933780/average-app-downloads-per-month-comscore
“
28. Users try out a lot of apps but
decide which ones they want to
‘stop using’ within the first 3-7
days.
http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/
“
29. The average app mostly loses its
entire userbase within a few
months…
http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/
“
30. …of the >1.5 million apps in the
Google Play store, only a few
thousand sustain meaningful
traffic.
http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/
“
34. http://blog.checkpoint.com/2016/11/30/1-million-google-accounts-breached-gooligan/
Lock-in and promise of lockout = malware
Perfect Cleaner, Demo, WiFi Enhancer, Snake, gla.pev.zvh,
Html5 Games, Demm, memory booster, แข่งรถสุดโหด,
StopWatch, Clear, ballSmove_004, Flashlight Free, memory
booste, Touch Beauty, Demoad, Small Blue Point, Battery
Monitor, , UC Mini, Shadow Crush, Sex Photo,
, tub.ajy.ics, Hip Good, Memory Booster, phone booster,
SettingService, Wifi Master, Fruit Slots, System Booster,
Dircet Browser, FUNNY DROPS, Puzzle Bubble-Pet
Paradise, GPS, Light Browser, Clean Master, YouTube
Downloader, KXService, Best Wallpapers, Smart Touch,
Light Advanced, SmartFolder, youtubeplayer, Beautiful
Alarm, PronClub, Detecting instrument, Calculator, GPS
Speed, Fast Cleaner, Blue Point, CakeSweety, Pedometer,
Compass Lite, Fingerprint unlock, PornClub,
com.browser.provider, Assistive Touch, Sex Cademy,
OneKeyLock, Wifi Speed Pro, Minibooster, com.so.itouch,
com.fabullacop.loudcallernameringtone, Kiss Browser,
Weather, Chrono Marker, Slots Mania, Multifunction
Flashlight, So Hot, Google, HotH5Games, Swamm Browser,
Billiards, TcashDemo, Sexy hot wallpaper, Wifi Accelerate,
Simple Calculator, Daily Racing, Talking Tom 3,
com.example.ddeo, Test, Hot Photo, QPlay, Virtual, Music
Cloud
35. 💔
How can we fix this? We
want happy users and
ethical, good publishers
who get paid…
36. Native app install friction blocks
74% of your potential customers
before they ever see your app.
“
https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9#.axf46f08l
42. ⚠ We weren’t ready to go all
out on web with mobile.
43. 💾
🌧 Instead of creating web sites that
work well on mobile, we packaged
them up and submitted them to
market places.
🌧 In a 1:1 comparison with native
apps, they looked rubbish.
🌧 That’s because they weren’t web
products, but native apps built in
web technologies.
47. ✏ Small initial payload
✏ Form factor supporting content
✏ Form factor supporting interfaces
✏ Offline/Flaky connection support
✏ Taking advantage of the power of
the end user device
✏ Avoiding interaction latency
❤📲
48. The best way to bend the retention
curve is to target the first few days of
usage, and in particular the first visit.
That way, users set up themselves up
for success.
http://andrewchen.co/new-data-shows-why-losing-80-of-your-mobile-users-is-normal-and-that-the-best-apps-do-much-better/
“
56. ✅ Intercept fetch events, respond
with cache
✅ Intercept push events
✅ Intercept sync/periodic events
The big breakthrough: Service Worker
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
🔧
57. ✏ Offline
✏ Push notifications
✏ Background Sync
The big breakthrough: Service Worker
https://developer.mozilla.org/en-US/docs/Web/API/Service_Worker_API
🔧
58. ✅
🔧 Must be HTTPS
🔧 Have a valid manifest with all required properties
🔧 Must have a Service Worker
🔧 start_url defined in the manifest must always
load, including in an offline state
🔧 Must supply an own navigation (independent of
browser UI)
🔧 Responsive to different sizes and form factors.
A progressive web app…
61. Alibaba is the global leader in B2B trade.
Recently, they upgraded to a PWA:
✅ 76% more web conversions
✅ 30% more monthly active users on Android,
14% more on iOS
✅ 4X higher interaction rate from Add to
Homescreen
https://developers.google.com/web/showcase/2016/alibaba
62. Housing.com is one of the leading real
estate platforms in India. After
implementing their PWA:
✅ 38% more conversions
✅ 40% lower bounce rate
✅ 10% longer average session
✅ 30% faster page load
https://developers.google.com/web/showcase/2016/housing
69. There is no official
timeline when or if
ServiceWorker will be in
iOS…
💔
70. iOS has 45% of the US smartphone
market, and iOS users spend $1.08
per user per app per user vs $.43 on
Android.
https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9#.axf46f08l
“
71. Android has 86% global market share.
“
https://medium.com/javascript-scene/why-native-apps-really-are-doomed-native-apps-are-doomed-pt-2-e035b43170e9#.axf46f08l
74. The existing PWA implementations still
leave web apps as second-class to
native apps in many ways. We want to
fix that.
“
https://blogs.windows.com/msedgedev/2016/07/08/the-progress-of-web-apps/
– "The Progress of Web Apps", Jacob Rossi (2016)
75. 🔧 Runs as a Windows service
🔧 Can wake up the browser even
when the browser is closed
🔧 May spawn multiple Service
Workers at once for performance
(under debate)
Edge plans…
76. 🔧 Bing crawls web sites
🔧 Sites with a manifest go into the
Windows Store
🔧 These webapps are real apps:
Windows Desktop, Windows
Phone, XBox, Hololens,
SurfaceHub…
Windows plans…
77. “Websites that
have taken all the
right vitamins”
– Alex Russel?
https://webmasters.googleblog.com/2016/11/building-indexable-progressive-web-apps.html
78. 🆙
🔧 Any web product can become a
Progressive Web App, not all have
to be.
🔧 You’ll reap the rewards of simple
maintenance and upgrade paths
in the form factor mobile users
expect.
🔧 Apps can hibernate and wake up
on demand - no need to have the
browser open.
79. 🔗
🙂 The great thing here is that
progressive web apps bring
back the power of the link
🙂 You don’t need to play by the
rules of a closed marketplace
🙂 You can send people a link and
by the time they looked at the
app it is ready to use - it is real
try before you buy.
80. In app purchases are where the
money is at, and you can do that in
your own app without splitting costs
with Apple or Google.
http://marketingland.com/app-purchases-dominate-ads-app-store-lifetime-revenue-hits-71-billion-183953
“
81. For all intents and
purposes, PWAs are a
good opportunity to slim
down the web.
?
82. To find a good middle
ground of control and
user convenience…🎛