查看原文
其他

App或将消失?网络应用才是未来?

2016-06-20 DevRel 谷歌开发者



网络的优点之一就是其庞大的覆盖范围,无论使用何种设备或何种平台,所有互联网用户都可通过它访问信息。随着移动设备剧增,网络演进势在必行,以在小屏幕上提供出色的体验。此演进之旅早在几年前就已启动,现在我可以很激动地说移动网络已正式上线。请观看 Google I/O 大会上的录像,我在大会上讨论了国情咨文以及如何利用新体验(如 AMP 和渐进式网络应用 (PWA))交付一流的移动体验。


https://v.qq.com/txp/iframe/player.html?vid=i03061wmb8s&width=500&height=375&auto=0

如果您没有时间观看,可以查看下文,其中简要概述了构建卓越移动网络体验时要重点关注的四个方面:
 加速

表现力一直是网络的一个优点,但有时表现力也需要以加载时间或滚动平滑度为代价。例如,事件侦听器允许开发者为自己的网站创建自定义滚动效果,但在 Chrome 在滚动页面之前需要等待任何触摸处理程序结束时,可能会出现卡顿现象。利用最新的 passive event listener API,我们将控制权重新交回到开发者手中,让他们能够指明他们是否计划处理滚动,或者 Chrome 是否可以立即开始滚动。


另外,速度也超越用户体验范围。研究表明,如果零售网站的加载时间超过 3 秒钟,40% 的用户会离开此网站。为使网页能够以惊人的速度立即呈现在用户面前,我们推出了 Accelerated Mobile Pages (AMP)。利用 AMP,页面加载速度提升了 4 倍,使用的数据最多减少了 10 倍。AMP 已经获得广大开发者采用,超过 640,000 个域提供 AMP 页面。





 吸引

渐进式网络应用 (PWA) 让开发者可以利用最新技术自一开始即为用户提供具有吸引力的体验。依托最新 API 调用服务工作线程,网络应用的所有重要部分均可缓存,这样用户下次打开网络应用时就可以即时加载。另外,缓存让开发者可以继续提供快速且富有意义的体验,即使用户处于离线状态或者处于不可靠网络亦可享受此体验。PWA 还提供润色元素:用户可向其主屏幕添加图标、用户打开应用时显示启动画面,以及提供无地址栏的全屏体验。





 转化
登录是网络上普遍存在的一种模式,但  92% 的用户会在忘记密码时放弃任务。为缓解此问题,Chrome 的密码管理器支持每月逾 80 亿次登录,我们也在使用 Credential Management API 拓展支持服务。利用此 API,网络应用可以更紧密地与密码管理器集成,简化登录流程。

即使只登录一次,完成结账可能也是一个复杂的流程。有鉴于此,我们还投资开发诸多功能,例如 Web Payment API 和增强的自动填充功能,自动帮助用户准确填写表单。我们发现,有了自动填充功能后,表单完成率提高了 25%,从而提高了用户转化率。



 保留

与用户完成首次互动后,立即吸引用户重新参与网络互动可能是一项棘手的任务。推送通知帮助原生应用解决了这一挑战,现在 push API 也适用于网络。这样,即使浏览器没有运行,开发者也可以重新与用户建立联系。 Chrome 中每天发送逾 100 亿条推送通知,而且数字仍在快速增长。Jumia 发现,启用推送通知的用户 38% 的时间会打开这些通知,恢复使用购物车的频率比其他用户高出 9 倍。



Jumia 移动网络推送通知



 成功案例
随着开发者开始利用这些新技术,我们看到了全球各地的成功案例。 AliExpress 是全球最大的电子商务网站之一,他们构建了 PWA,其新用户转化率提高了 104%。他们还发现,用户喜爱他们提供的体验,用户在他们网站上的平均会话时间增加了 74%。
另一个很棒的例子是  BaBe,BaBe 是印度尼西亚的一家纯应用新闻聚合服务机构,直到他们开发了具有与其原生应用同等功能的 PWA。启动 PWA 后,他们发现该应用运行速度比其原生应用快得多,并且每次会话所花费的时间差不多:移动网站和原生应用的平均花费时间均为 3 分钟。
即使是刚刚开始实施某些 PWA 技术的开发者也已经取得成功。 United eXtra 是沙特阿拉伯的一家领先零售商,他们实施了推送通知,并发现用户选择返回的频率提高了 4 倍。这些返回的用户在其网站所花费的时间比从其他渠道返回的用户多一倍。

这些只是开始从渐进式网络应用投资中收获益处的企业中的几个例子。 详细了解我们的合作伙伴如何利用 PWA 技术增强移动网络体验。


合作伙伴案例,请访问:

https://developers.google.com/web/showcase



感谢观看,最重要的是,感谢您开发网络内容!



原文来自 Chromium 开发者全球博客 :

blog.chromium.org

翻译来自 GDG 中国论坛(文末阅读原文):

chinagdg.com/thread-32356-1-1.html


您可能也对以下帖子感兴趣

文章有问题?点此查看未经处理的缓存