查看原文
其他

【第865期】谷歌PWA官方文档之一

朱梦航 前端早读课 2019-07-30

前言

前几天PWA在前端早读课首度露脸,也只是简单的露个面,那今天我们来看看官方是如何来说PWA的。3月5号早读文章由@朱梦航带来的其一翻译分享。


正文从这开始~


谷歌progressive web app是一种跨平台的应用,它希望将web app的体验提升到和原生app一样的流畅。日前,谷歌宣布pwa将会有和原生app一样的开发地位,想象一下,在未来,我们打开手机,假如想要定个外卖,只需要在play里搜一下美团,点开即用,甚至添加到桌面上,不用下载不用加载,这将是智能手机体验的巨大变革。当然,目前它只是一个雏形,在未来,可能将是一个新的开发潮流,跨平台的,及其流畅的体验。


按谷歌的原话说,A new way to deliver amazing user experiences on the web。一种新的方式为web提供极其惊人的用户体验。



PWA应用的超前的体验方式已经可以开始使用,这是它的优点。

  • 极其可靠的:PWA应用 拥有极其快速的载入速度,即便是在离线无网络的环境下也不会出现网络异常。

  • 它的响应非常的迅速并且拥有丝滑流畅的动画,绝对不会出现异常卡顿滑动。

  • 你会感觉就像在使用一个原生应用,并且拥有它会提供给你沉浸式的用户体验。


最新的特性允许你在桌面创建一个PWA应用的图标。



可靠性


当你从桌面点击PWA应用的时候,PWA服务会非常快速加载PWA应用,无视网络环境。


PWA服务就像一个代理客户端,它由javascript写成,并且可以让你控制缓存和如何响应资源的请求,并且PWA应用通过预缓存即预先加载缓存资源让用户不必依靠网络就可以打开PWA应用,确保了可靠的即时的应用体验。‘



快速


如果一个网站加载甚至需要3秒,那么53%的用户都会抛弃它。当用户一旦点击开启即时app,用户希望它的开启是快速的,没有延迟,没有异常滑动和慢响应。



参与性


PWA应用可被添加在用户的桌面上,不需要应用商店,通过PWA应用的配置文件可以为用户提供全屏沉浸的体验,甚至可以通过网络发起通知重新吸引用户。


配置文件允许你控制你的PWA应用怎么被显示和启动,你可以把它放在桌面上,并且可以改变他的图标移动它的位置,指定应用在启动时启动哪个界面,屏幕方向,甚至是显示或者不显示chrome浏览器。


为什么要开发一个PWA应用


开发一个PWA应用是非常有帮助的,可以提高你的用户的使用愉悦读,增加用户参与度并且提高用户转化率。


  • 呈现在用户桌面上

当你的PWA应用符合PWA标准时,chrome会提示用户将其放在桌面上。


  • 无论什么情况的网络下,PWA应用都可以可靠的工作。

开发人员使Konga(一个购物网站)在初始化页面的时候使数据加载量减少了63%,第一次响应用户操作的数据量也减少了84%。


  • 增加用户的参与度

基于的web通知推送方式帮助eXtra Electronics (同样是购物网站)他们的用户在这个网站增加了4倍的参与度,并且这些用户在这个网站停留了比以往两倍的时间。


  • 提高用户转化

PWA应用得天独厚的体验方式帮助AliExpress将第一次浏览这个网站的新用户的转化次数提高了104%,在IOS端转化次数提高了82%。



灯塔


这是一个开源的自动化工具,并且他可以帮助你提高的应用质量,你甚至将它集成到你的应用里,来抓取用户使用用遇到的问题。


最后,这篇只是大家了解下PWA是什么,它的优缺点,以及将来它会不会成为另一个平台,那就要看未来的发展了。同时很多人会拿它跟小程序对比。


看朋友圈都有人动手开始折腾Demo了。



关于本文

译者:@朱梦航

译文:http://www.jianshu.com/p/4e9d14fcb9de

原文:https://developers.google.com/web/progressive-web-apps/

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

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