Chrome Dev Summit 2017参会笔记

作者 | 高磊
编辑 | 尾尾

为期两天的 Chrome Dev Summit 2017 于 10月23日~24日在美国旧金山举办。由于我们近期和Google的合作较多,对Google的动作也比较关注,所以受邀参加了这次的Chrome Dev Summit (CDS)。本文是我在现场做的笔记和参会的感受,分享给大家。

一、Google开发者相关的会议体系

对于Google在开发者方面的会议体系,我是这么理解的:

Google I/O > Google Developer Day > Chrome Dev Summit(还有其他体系的Dev Summit) > 各种Conf (比如 AMP Conf、Polymer Conf) > 各种 Road Show (比如PWA RoadShow、AMP RoadShow)等。

由于我只接触了 Web 开发者体系的一部分,所以上述揣测难免不准确,但是可以供对Web开发感兴趣的同学参考,届时可以选择性关注。毕竟现在blink内核是安卓 Web 的主流,Chrome 团队近期的各种高产在整个 Web 生态也足够引人注目。

二、CDS 2017的主题依然是PWA

CDS 2017 的主题还是PWA (Progressive Web APP,渐进式Web应用)。2017年从始至今,在 Google I/O、GDD 到各种 Conf上,Google 都在强调 PWA——Google 对 PWA 真是不计成本的投入。

PWA站点数量、质量和等级都在提升

从下面这张图可以看到,PWA 的站点越来越多,从最开始的 Flipcart,到目前的 Instangram、Uber、Starbucks 等,不仅数量在增加,站点等级和质量也在不断地提升。
Chrome Dev Summit 2017参会笔记

PWA快速进化

同时,由于更多的开发者参与,PWA 也在快速的进化,这次CDS 关于PWA ,重新强调的用户体验第一的概念,PWA 不是添加到桌面也不是有了push能力,最核心的还是Web站点自身的用户体验提升,对 Service Worker 的应用以及各种 API 的增强会大幅度提升站点的用户体验。
Chrome Dev Summit 2017参会笔记

站点完美升级PWA的过程

下面这张 keynote 准确的表达了站点升级为Beautiful PWA 的过程:最基础的是安全(HTTPS);用户体验(UX)是整个过程中需要持续关注的目标;执行过程应该循序渐进。
Chrome Dev Summit 2017参会笔记

三、值得关注的点及对应的 Talk

除了对 PWA 的整体印象外,我个人感觉有一些点值得关注,总结如下(相关的 Talk 视频可在 YouTube 上搜索“Chrome Dev Summit 2017”)。

(1)关于账号(输入效率):One-Tap Sign-Up 大幅提升账号输入的效率(涉及的Talk:keynote,Progressively improving e-commerce)

(2)电商相关:WebPayment,以及 AMP 在电商中的应用(涉及的Talk:keynote,Progressively improving e-commerce)

(3)PWA 的开发成本在不断降低:Chrome 团队推出了 Workboxjs 用来降低 PWA 的开发成本。其实在降低 PWA 的开发成本方面,我们很早就进行了实践并推出了Lavas,欢迎大家 star 试用,也欢迎大家一起来完善。
Chrome Dev Summit 2017参会笔记

(涉及到Talk:keynote,Workbox: Flexible PWA Libraries,WordPress + PWA = ��)

(4)Web 上的多媒体进化:视频、音频的 API 在不断的进化,Talk 中有很多的干货,对站点优化很有价值(涉及的Talk:Building a modern media experience,Creating Media without an App)。

(5)Web站开发教学,这个世普适性的,可以作为基础教学了(涉及到Talk:Kickstarting your Journey to Progressive Web Apps)。

(6)怎么强调都不过分的站点速度,就是要快,这个贯穿到几乎所有的 Talk 中,而且还有两个专项的 Talk:Fast By Default: Modern loading best practices,The future of loading on the Web。

(7)Chrome 的配套支持异常强大:lighthouse、Puppeteer(做crawler、前端自动化测试的可以重点关注)。涉及到 Talk:Kickstarting your Journey to Progressive Web Apps,Modern tooling, testing and automation。

(8)相对于第一天集中轰炸 PWA ,第二天的 Talk 相对分散,V8、WebAssembly、Polymer,都有对应的Talk标题都很明显,可以找下。

(9)各大浏览器厂商的同学们可以关注下这个 Talk:Integrating Web Apps with browsers and operating systems,其中对 PWA 的支持有不少细节可以关注。

(10)WEB AR/VR ,我的印象不是很深刻,关注的可以看这个Talk:The future of immersive experiences on the Web with VR and AR。

补充感受:第一、二天两个 Pannel 歪国码农提的问题都很犀利,第二天的 Framework 的讨论,阵容豪华,配图一张,请自行感受。

Chrome Dev Summit 2017参会笔记

Brilliant Open Web

BOW(Brillant Open Web)团队,是一个专门的Web技术建设小组。BOW 关注前端,关注Web;剖析技术、分享实践;谈谈学习,也聊聊管理。

关注 OpenWeb开发者,回复“加群”,让我们一起推动 OpenWeb技术的发展!