抖音技术能力大揭密!钜惠大礼、深度体验,尽在火山引擎增长沙龙,就等你来! 立即报名>> 了解详情
写点什么

从 UC 内核角度谈谈 PWA 技术在阿里体系的实践及影响

2019 年 9 月 21 日

从UC内核角度谈谈PWA技术在阿里体系的实践及影响

GMTC北京2018大会上,刘翔讲师做了《从 UC 内核角度谈谈 PWA 技术在阿里体系的实践及影响》主题演讲,主要内容如下。


演讲简介


本次分享将围绕以下几方面展开,希望能给大家带来对 PWA 的进一步思考:


  1. PWA 的核心能力


(1) Service Worker,独立的 JS 线程,与文档无关的生命周期,离线更新资源的能力。


(2) Reliable


SW Cache、Fetch、Push、Navigation Preload、Background Fetch、Background Synchronization、CompositorWorker 这些能力如何让 Web 变得更可靠?


  1. PWA 的优秀实践


很多页面用上 PWA 之后,效果并没有想象的那么好,和重构之前基本持平,那么,如何才能发挥 PWA 的真正效果?怎么才能在国内环境下玩转 ServiceWorker Push 预加载?


(1)从内核的角度分析,为何普通的用法无法带来性能的大幅提升。


SW 的启动耗时分析


SWCache 与 HttpCache 的关系和优劣


(2)SW 缓存主文档的实现和效果


(3)SW Push 预加载的实现和效果


(4)SW 独立线程的应用


  1. PWA 带来的影响


(1)逐步给前端开放浏览器内核基础能力,甚至是操作系统能力,比如缓存、推送、添加桌面图标、下载、图片解码、渲染等等


(2)前端正变得无所不能,很多事情都可在 Web 实现,比如 SW、WebGL、WebRTC、WebAR/VR 等等


听众受益:


  1. 了解 PWA 的核心能力和关键优势。

  2. 了解 PWA 相关的优秀实践,了解 PWA 可以做什么和如何做得更好。

  3. 了解 PWA 对 Web 和前端产生的影响。


讲师介绍


刘翔


阿里巴巴 UC 内核无线开发专家


刘翔,阿里巴巴 UC 内核技术专家。负责 UC 内核性能优化及前端页面优化,专注于 Web 体验优化和 PWA 技术研究。与支付宝团队基于 ServiceWorker 打造了支付宝小程序框架,与天猫团队将手淘的 Web 页面体验优化到极致,推进 PWA 技术在阿里巴巴集团业务的落地。












完整演讲 PPT 下载链接


https://gmtc.infoq.cn/2018/beijing/schedule


2019 年 9 月 21 日 14:50283

评论

发布
暂无评论
发现更多内容

信息安全等级保护四级常见问题解答

行云管家

网络安全 信息安全 堡垒机 等级保护

如何做好Clickhouse集群的监控覆盖?

BUG侦探

大数据 Clickhouse 监控系统

瞬间登上牛客网热榜榜首!腾讯内部68W字Netty全栈宝典简直太香了

Java 白

Java 编程 架构 面试 Netty

IM技术分享:万人群聊消息投递方案的思考和实践

JackJiang

即时通讯 IM 群聊

牛皮了!华为世界顶级Linux大牛总结出了3788页进阶笔记

Java~~~

Java Linux 架构 面试 运维

无代码是什么?

低代码小观

无代码开发 无代码 无代码平台

四年Java开发,七月跳槽斩下腾讯Offer,整理面试之路(T3级)

Crud的程序员

Java 程序员 架构 编程语言

架构实战训练营模块六作业

Clarke

安卓主板RK3288 RK3128 RK3399有哪些特点?

双赞工控

安卓主板 rk3288主板 rk3399主板 rk3128主板

Python代码阅读(第22篇):从源字典映射出新字典

Felix

Python 编程 Code Programing 阅读代码

阿里五位大佬总结操作系统+程序员必知硬核知识离线版pdf火了

Java~~~

Java 架构 面试 操作系统 网络

Paxos理论介绍(1): 朴素Paxos算法理论推导与证明

OpenIM

接口管理进阶-环境变量的使用

CodeNongXiaoW

前端 测试 后端 接口文档 接口管理

啃透这500页高并发笔记薪资涨了20K,并连收天猫,京东等5个Offer

Crud的程序员

Java 程序员 java编程

燃炸!字节跳动成功上岸,只因刷爆LeetCode算法面试题

Java~~~

Java 架构 面试 算法 LeetCode

一上来就主从、集群、哨兵,这谁受得了

阿Q说代码

redis 命令 8 月日更 五大基础类型

爆料!前华为微服务专家纯手打500页落地架构实战笔记,已开源

Java~~~

Java spring 架构 面试 微服务

InfoQ引航计划|文章排版规范

InfoQ写作平台官方

低代码是什么?

低代码小观

低代码 低代码开发平台

熟悉Linux tail 命令

王林

InfoQ引航计划|合集排版规范

InfoQ写作平台官方

引航计划

ipfs挖矿用什么app?ipfs挖矿收益计算器怎么看?

IPFS老胡

ipfs挖矿用什么app ipfs挖矿收益计算器怎么看

云时代,用对工具就能让云上运维工作事半功倍!

行云管家

云计算 云服务 混合云 云时代 云运维

百度智能云天工物联网支持多种类数据传输!MQTT助力数据、语音、视觉应用智能化

百度开发者中心

产品 最佳实践 前沿技术 企业资讯

重磅升级!融云推出 IM+RTC+X「全」通信解决方案

融云 RongCloud

开发者 通信 即时通讯 音视频开发

fil挖矿步骤教程是什么?fil挖矿规则是什么?

IPFS老胡

fil挖矿步骤教程是什么 fil挖矿规则是什么

前阿里P8狂总结出1000页Java面试核心原理+框架篇笔记

Java~~~

Java spring 架构 面试 微服务

华为3位大咖吐血整理出600多页Spring微服务架构设计

Java~~~

Java spring 架构 面试 微服务

漫游语音识别技术——带你走进语音识别技术的世界

声网Agora

语音识别

ArrayList和LinkedList在性能方面的差别,能有多大?

普普通通程序员

Filecoin挖矿收益高涨,Filecoin挖矿收益怎么计算?

IPFS星盟小熊

区块链 分布式存储 IPFS filecoin挖矿 filecoin收益

Study Go: From Zero to Hero

Study Go: From Zero to Hero

从UC内核角度谈谈PWA技术在阿里体系的实践及影响-InfoQ