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 试用,也欢迎大家一起来完善。
这里写图片描述

(涉及到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 的讨论,阵容豪华,配图一张,请自行感受。

这里写图片描述

Brilliant Open Web

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

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

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/535887.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

九个案例简述Web设计原则:简洁清晰

作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容,同时会提供相应的实际案例及资源下载。欢迎关注OpenWeb开发者,订阅《Web设计指南》。 前言 《Web设计指南》是专门为广大Web内容生态提供一套简单实用的设计指南&a…

大型网站HTTPS 实践(一)| HTTPS 协议和原理

作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。本文就着重介绍了 HTTPS 协议涉及到的重要知识点和平时不太容易理解的盲区,希望能对大家理解 HTTPS 协议有帮助。百度 HTTPS 性能优化涉及到大量内容…

大型网站HTTPS实践:HTTPS对性能的影响

作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS性能优化涉及到大量内容,从前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将…

PWA将带来新一轮大前端技术洗牌?

作者 | 彭星 编辑 | 尾尾 一、回顾历史:移动时代之初,Web遭遇两大枷锁 Web 在移动时代遭遇两大枷锁1.Web 在移动时代遭遇两大枷锁 当 Web 自信满满,步入移动时代之时,它还没有做好充足的准备。 回顾 2014 到 2015 年那段时间…

高级精致智能快捷的Web设计原则案例

作者 | 百度搜索用户体验中心 《Web设计指南》分为设计原则、基础规范两方面主要内容,同时会提供相应的实际案例及资源下载。关注OpenWeb开发者,回复“设计指南”,即可获取已发布资源。 设计原则之高级精致 简洁并不等于粗糙没有细节&#x…

Linux系列(一):简介与目录结构

1、Linux简介 1.1、起源 Linux出现于1991年,是由芬兰赫尔辛基大学学生Linus Torvalds和后来加入的众多爱好者共同开发完成 1.2、Linux特点 多用户,多任务,丰富的网络功能,可靠的系统安全,良好的可移植性,…

大型网站的HTTPS实践:基于协议和配置的优化

作者 | 百度HTTPS技术支持团队 百度已经上线了全站 HTTPS 的安全搜索,默认会将 HTTP 请求跳转成 HTTPS。百度 HTTPS性能优化涉及到大量内容,在前端页面、后端架构、协议特性、加密算法、流量调度、架构和运维、安全等方面都做了大量工作。本系列的文章将…

Hadoop的安装及配置

PS:最新安装教程请参考Hadoop的安装与配置(设置单节点群集)详细教程 1、Hadoop安装前准备工作: 在开始Hadoop安装与配置之前,需要准备的环境:Linux系统、配置JDK环境变量。 2、安装 我们可以到Apache Hadoop的官网ht…

在 PWA 中使用 App Shell 模型提升性能和用户感知体验

作者|潘宇琪 编辑|Daisy 在构建 PWA 应用时,使用 App Shell 模型能够在视觉和首屏加载速度方面带来用户体验的提升。另外,在配合 Service Worker 离线缓存之后,用户在后续访问中将得到快速可靠的浏览体验。 在实践过…

【转】超酷的 mip-infinitescroll 无限滚动(无限下拉)

写在前面 无限滚动技术(又叫做无限下拉技术)被广泛应用于新闻类,图片预览类网站。对用户来讲,使用无限滚动的页面有源源不断的信息可以预览,增加用户在页面的停留时长。技术上原理也很简单,在页面加载时加…

MongoDB(二):MongoDB的安装

这里以OSX系统为例,window和linux可以参考https://www.runoob.com/mongodb/mongodb-linux-install.html 1、我们使用 curl 命令来下载安装: # 进入 /usr/local cd /usr/local# 下载 sudo curl -O https://fastdl.mongodb.org/osx/mongodb-osx-ssl-x86_…

Postman接口测试(超详细整理)

常用的接口测试工具主要有以下几种 Postman:简单方便的接口调试工具,便于分享和协作。具有接口调试,接口集管理,环境配置,参数化,断言,批量执行,录制接口,Mock Server, …

【转】AB实验设计思路及实验落地

这篇文章会讨论: 1. 在什么情况下需要做 AB 实验 2. 从产品/交互角度,如何设计一个实验 3. 前端工程师如何打点 4. 如何统计数据,并保证数据准确可信 5. 如何分析实验数据,有哪些数据需要重点关注 6. 附:如何搭建…

【转】mip-semi-fixed 走走又停停

写在前面 MIP 中悬浮元素的特殊情况 其实组件上线已经有一段时间了,最开始看到这个需求是站长提交了一个这中功能的组件过来,不过看过代码立刻就想到了 MIP 页面的特殊性:从结果页打开的 MIP 页面,是嵌套在一个 iframe 之中的。…

【转】百度站长平台MIP引入工具使用心得

MIP引入主动推送流程 对于 MIP 站点改造好了,我们如何提交数据,并且 MIP 提交后,我们能得到哪些数据的反馈,在这里简单的写一篇文章,说一下。 改造 MIP,我们一般是添加了一个二级域名站点进行改造&#x…

Hadoop之HDFS应用

1、通过http://127.0.0.1:8088/即可查看集群所有节点状态: 2、访问http://localhost:9870/即可查看文件管理页面(在3.0.0中在之前的版本中文件管理的端口是50070,替换为了9870端口): ————进入文件系统 ————…

MIP ACCESS细节剖析

什么是 MIP ACCESS MIP ACCESS 由百度 MIP 团队开发的一种页面访问权限控制机制,能够允许网页发布者在页面元素中定义内容标记,并结合用户访问情况进行综合评价,从而展现或隐藏页面中内容,直至用户登录、订阅或付费后才能够查看隐…

Linux环境下Flume的安装

1、在官网http://flume.apache.org/download.html下载flume的压缩包 2、解压到指定位置并重命名 tar -zxvf apache-flume-1.9.0-bin.tar.gz3、配置环境并生效 #vi ~/.bashrc export FLUME_HOME/usr/local/APP/flume export PATH$PATH:$FLUME_HOME/bin #使变量设置生效 #sour…

MIPCache 域名升级

一、MIPCache URL 是什么 举个例子,MIP 官网的 URL 为: https://www.mipengine.org 对应的 MIPCache 的 URL 为: https://mipcache.bdstatic.com/c/s/www.mipengine.org 所谓 MIPCache URL 是经过 MIP-Cache CDN 缓存后的 MIP 页面地址&…

Flume监听端口,输出端口数据案例

1、在flume目录下新建/myconf目录,并在目录下新建socket-console.conf 文件! mkdir myconf cd myconf touch socket-console.conf2、编辑文件vim socket-console.conf,添加以下内容: # 定义这个agent中各组件的名字 a1.sources r1 a1.sink…