申请试用
HOT
登录
注册
 
6.PWAs的过去、现在和未来-元凯宁
中国PWA社区
/
发布于
/
44
人观看

元凯宁,Intel软件和先进技术事业部、网络平台高级软件工程师,自2010年开始一直进行Web技术的研究和开发,曾跻身于Chromium浏览器及其衍生的Web Runtime、Web IDE、Node.js等多种技术和平台,贡献有多项产品和专利。

展开查看详情

1 . 中国 开发者日 1

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

0 点赞
1 收藏
1下载
确认
3秒后跳转登录页面
去登陆