刘翔,阿里巴巴UC内核技术专家。负责UC内核性能优化及前端页面优化,专注于Web体验优化和PWA技术研究。与支付宝团队基于ServiceWorker打造了支付宝小程序框架,与天猫团队将手淘的Web页面体验优化到极致,推进PWA技术在阿里巴巴集团业务的落地。
刘翔,阿里巴巴UC内核技术专家。负责UC内核性能优化及前端页面优化,专注于Web体验优化和PWA技术研究。与支付宝团队基于ServiceWorker打造了支付宝小程序框架,与天猫团队将手淘的Web页面体验优化到极致,推进PWA技术在阿里巴巴集团业务的落地。
本次分享将围绕以下几方面展开,希望能给大家带来对PWA的进一步思考:
1. PWA的核心能力
(1) Service Worker,独立的JS线程,与文档无关的生命周期,离线更新资源的能力。
(2) Reliable
SW Cache、Fetch、Push、Navigation Preload、Background Fetch、Background Synchronization、 CompositorWorker 这些能力如何让Web变得更可靠?
2. PWA的优秀实践
很多页面用上PWA之后,效果并没有想象的那么好,和重构之前基本持平,那么,如何才能发挥PWA的真正效果?怎么才能在国内环境下玩转ServiceWorker Push预加载?
(1)从内核的角度分析,为何普通的用法无法带来性能的大幅提升。
SW的启动耗时分析
SWCache与HttpCache的关系和优劣
(2)SW缓存主文档的实现和效果
(3)SW Push预加载的实现和效果
(4)SW独立线程的应用
3. PWA带来的影响
(1)逐步给前端开放浏览器内核基础能力,甚至是操作系统能力,比如缓存、推送、添加桌面图标、下载、图片解码、渲染等等
(2)前端正变得无所不能,很多事情都可在Web实现,比如SW、WebGL、WebRTC、WebAR/VR等等
听众受益:
1.了解PWA的核心能力和关键优势。
2.了解PWA相关的优秀实践,了解PWA可以做什么和如何做得更好。
3.了解PWA对Web和前端产生的影响。