Chrome Dev Summit 2017參會筆記

做者 | 高磊
編輯 | 尾尾前端

爲期兩天的 Chrome Dev Summit 2017 於 10月23日~24日在美國舊金山舉辦。因爲咱們近期和Google的合做較多,對Google的動做也比較關注,因此受邀參加了此次的Chrome Dev Summit (CDS)。本文是我在現場作的筆記和參會的感覺,分享給你們。git

1、Google開發者相關的會議體系

對於Google在開發者方面的會議體系,我是這麼理解的:github

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 生態也足夠引人注目。安全

2、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 等,不只數量在增長,站點等級和質量也在不斷地提高。ui

PWA快速進化google

同時,因爲更多的開發者參與,PWA 也在快速的進化,此次CDS 關於PWA ,從新強調的用戶體驗第一的概念,PWA 不是添加到桌面也不是有了push能力,最核心的仍是Web站點自身的用戶體驗提高,對 Service Worker 的應用以及各類 API 的加強會大幅度提高站點的用戶體驗。pwa

站點完美升級PWA的過程

下面這張keynote 準確的表達了站點升級爲Beautiful PWA 的過程:最基礎的是安全(HTTPS);用戶體驗(UX)是整個過程當中須要持續關注的目標;執行過程應該按部就班。

3、值得關注的點及對應的 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 試用,也歡迎你們一塊兒來完善。

(涉及到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 相對分散,V八、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。

補充感覺:第1、二天兩個 Pannel 歪國碼農提的問題都很犀利,次日的 Framework 的討論,陣容豪華,配圖一張,請自行感覺。

相關文章
相關標籤/搜索