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 截图,以供参考:

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

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180206B05JSN00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券