2 . 1991 1994 1997 2000 2003 2006 2009 2012 2015 2018 2021
Document with Forms Web Apps Web & Hybrid Apps PWAs
Web as app
Just “linked documents” with Capabilities Multiple OS/form-factors Capabilities
Problems lightweight interaction by forms, Proprietary runtime - phone/tablet/pc/tv/vehicle Performance
need dynamic & rich contents Performance Capabilities Ecosystem
Performance
HTML5 (formerly HTML
Applications)
Solutions JavaScript Project Fugu
- App Cache (offline)
WebAssembly (w/SIMD)
IFrames - Canvas
Responsiveness WebGPU
- LocalStorage
Async API App stores adoption
XMLHttpRequest - Sensors
Web Widgets Flagship Apps emerging
- Video/Audio
Hardware acceleration
CSS3 MiniApp*
Apple* web app Hybrid: PhoneGap/Cordova
Flash* WebRuntimes: nw.js*, CEF*,
SVG
AJAX WebOS* Electron*
Evolving HTML standards
WebSDKs for OS(es)
*Other names and brands may be claimed as the property of others.
3 .PWAs in the Past
Capability
Native
Capability: Native > PWA > Web
Outreach: PWA > Web > Native
PWAs
Web
Outreach
4 .PWAs in the Past
PWA Technology Developer Problems Business Success
Native look-n-feel Discoverability TTM -
Fast loading Development cost User stay time +
Web Manifest Runtime consistency User bounce rate –
Progressive User’s initial friction User base +
Safety / Privacy Walled garden Returning users +
Offline / Reliable Flaky network Active users +
Push Notification Offline run & seamless upgrade Total visits +
(Deep) link Device storage limitation Conversion rate +
App stores adoption
5 .PWAs Business Success Examples
Pinterest* PWA Washington Post* PWA
+843% new users -90% page loading time
+44% revenue 7-day return user grows to 23%
+370% login
BMW* PWA
Spotify* PWA +50% new users
+30% monthly active users +400% faster page loading
+45% desktop users +400% user viewing sales page
+40% playback hours
Lancôme* PWA
AliExpress* PWA +53% iOS session increase
+104% new users +17% conversion rate
+74% session time +8% conversions rate via Push
+200% page visits per user Notification
*Other names and brands may be claimed as the property of others.
6 .PWAs at Present
Capability
Native
PWAs
+ More capabilities
Web
Outreach
7 .PWAs at Present
Project Fugu: more capabilities Statistics of PWAs
More web APIs Number of PWAs +170% in 2020 (by Google*)
More device APIs 10s of millions PWAs installed on Chrome Android
OS Integration APIs every month (by Google*)
18% of all pages loaded via Service Worker (+38%
Performant than 2020) (by Google Chrome*)
Rendering / scripting / network 95% of all devices support Service Worker
WebAssembly: able to run Unity3d*/Unreal* 85% of all devices support install
WebGPU: graphics + computation 76% of all devices support install PWA from app
stores (above 3 by StatCounter*)
Flagship Apps
Industrial flagship apps compiled to PWA
*Other names and brands may be claimed as the property of others.
8 .PWAs at Present - Web Capabilities
More web APIs: web codec, portal, tasks, native-io, dark mode, writable file, …
More device APIs: dual screen, compute pressure, wake lock, …
OS Integration APIs: file handler, protocol handler, share target, start with login, …
9 .PWAs at Present - Flagship Apps
Adobe* Photoshop*: 1987-now
30+ years code base running in the web
AutoDesk* AutoCAD*: 1979-now
40+ years code base running in the web
*Other names and brands may be claimed as the property of others.
10 .PWAs in the Future
Capabilities
More is better
Capability hunger will descend
Performance (and power)
Improves everyday usage
Could be critical for new sectors
Ecosystem
Hardware
Operating System
Browser
11 .PWAs in the Future
Capability
Native
+ Capability – Yes, ongoing
+ Outreach ?
Web
Outreach
热门城市
