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 等，不僅數量在增加，站點等級和質量也在不斷地提升。

PWA快速進化

同時，由於更多的開發者參與，PWA 也在快速的進化，這次CDS 關於PWA ，重新強調的用戶體驗第一的概念，PWA 不是添加到桌面也不是有了push能力，最核心的還是Web站點自身的用戶體驗提升，對 Service Worker 的應用以及各種 API 的增強會大幅度提升站點的用戶體驗。

站點完美升級PWA的過程

下面這張keynote 準確的表達了站點升級為Beautiful PWA 的過程：最基礎的是安全（HTTPS）；用戶體驗（UX）是整個過程中需要持續關注的目標；執行過程應該循序漸進。

三、值得關注的點及對應的 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 試用，也歡迎大家一起來完善。

https://github.com/lavas-project (二維碼自動識別)

（涉及到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 的討論，陣容豪華，配圖一張，請自行感受。