ArchSummit 全球架构师大会前端专场归来

杜海亮

来自旅游攻略事业部， 高级前端工程师。 除了工作本身的技术专研，对篮球，乒乓球，旅游，游泳等都很感兴趣！乐于尝试新鲜的技术方案，对新事物保持好奇心。现负责旅游攻略事业部整体的前端架构。

很荣幸公司给机会，可以参 ArchSummit 全球架构师大会（2017 北京场）。在此先感谢一下！！

我参加了大会第一天下午的前端专场。收获最多的是 来自谷歌的帅气工程师 Michael Yeung 带来的《移动Web在中国的现在与未来》和 来自百度的搜索前端技术经理 - 王俊杰 带来的《Web前端技术推动产品发展的实践与方法》。

移动Web在中国的现状与未来

谷歌

先说谷歌的 《移动Web在中国的现在与未来》，主要是围绕着 PWA 这个话题来讲解的。

Michael Yeung PPT 的第一页就表明了谷歌的态度 : 谷歌是很有诚意在中国市场推行PWA的。

接下来 Michael 分享了 PWA 目前在中国的一些现状：

Mobile 的用户已已经超越了 Desktop 的用户，意味着我们应该在把更多的精力用在服务 Mobile 的用户身上；

Mobile Web 对比 Native Apps，还只占小部分：13% VS 87%；

78%的用户时间都花在了 “top 3” 的APP上；

平均每月的APP用户安装量是 0 。

在这样的环境下谷歌提出了一个解决方案：PWA。

PWA 是 Progressive Web App 的简称，它是指所有利用当今流行的 Web 技术以尝试在移动设备中提供顶级体验的 Web App。

一个符合 PWA 的站点必须具有如下几个特点：

快速的——53%的用户将放弃一个站点，如果它需要超过3秒的时间加载!所以时间就是用户，就是收益。

可靠的——即使在不确定的网络条件下，也要立即加载并永远不显示 downasaur。

迷人的——(Engaging 姑且这么翻译吧) PWA 应用程序可以添加到用户的主屏幕上，而不需要应用程序商店。它可以提供了一种沉浸式的全屏体验，并且在web应用程序清单文件的帮助下，甚至可以通过 web 推送通知重新吸引用户。

具体 PWA 的特性和开发指南就不在这里描述了，大家可以自行百度。我们来了解一下 PWA 在中国的现状：

目前中国市场当中 QQ 浏览器，UC 浏览器，百度浏览器是靠前的。我们先看看 这些浏览器对 PWA 的支持程度：

由上图可以看出 PWA，已经可以在安卓市场上进行尝试了，而且 Michael 还给出了几个 PWA 的线上案例：

新浪微博 ： https://m.weibo.com/

腾讯新闻 ： https://xw.qq.com/

饿了么 ： https://h5.ele.me/msite/

关于 PWA 还有一个好消息那就是苹果加快了对 PWA 的支持步伐，爆出了一个很重磅的消息：

苹果将在 IOS 11.3 和 macOS 10.13.4 版本上正式增加对 Service Worker 的支持， 同时还支持 Web App Manfiest。

关于 PWA 其核心是用户体验，在地理围栏，添加到桌面，启动动画，离线浏览等等很多功能，随着手机及浏览器的功能和性能越来越好，Web App 会越来越接近Native App，而 Web App 的夸平台，更新即时性，都是 native App 所不及的，当然 native App 性能高，体验流畅也是目前 Web App 所不及的。

二者各有所长，在相当一段时间内会共存甚至相互合作，比如 Hybrid 就是两者合作的产物。

保持包容的态度：用合适的技术方案做合适的产品！

WEB前端技术推动产品发展的时间与方法

百度

俊杰同学的 slide 主要分三大块：

百度搜索与 Web 前端技术团队

Web 前端技术推动百度搜索产品的实践

Web 前端技术推动产品的思路和方法

我们重点来聊一聊第三部分， Web 前端技术推动产品的思路和方法，俊杰的观点如下：

用户思维

目标导向

标准化动向

深刻理解业务

交流分享

关注热点技术动向

坚持不懈

从上面几点其实跟各个公司技术同学的要求是有共鸣的：

只有从用户的角度去出发，才能有更明确的目标，也能对业务有更深的理解。

加上团队内外的交流与分享，更促使了对业务更深入的理解。

坚持不懈和时刻关注技术动向，会让我们不被淘汰，也能让我们有更合适的技术来服务自己的产品。

以下是俊杰的 ppt 截图，以供参考：

以上就是本次大会个人的收获和看法，感谢大家的阅读。