渐进式Web应用程序(PWA)和Android Instant Apps是继响应式Web设计(RWD)之后的Web移动应用程序类型的下一个进步。渐进式Web Apps扩展了移动优先方法,以涵盖用户体验和参与度。当在任何设备上查看时,PWA使用渐进式增强功能来提供类似于native-app的功能。
根据谷歌 “渐进式Web应用程序使用现代Web功能来提供类似应用程序的用户体验。” and Android Instant App 是一项移动开发技术,可让您通过材质设计和流畅的动画体验精美逼真的应用程序,而无需将其安装在设备上。令人惊讶的是,Google在同一事件Google 2016 I / O中推广了两种对比技术。
为什么去年Google推广自适应网页设计时采用渐进式Web应用程序?
响应式网页设计 结合了三个概念,即弹性宽度,弹性图像和媒体查询。这是一项网络开发技术,可通过制作适合用户设备的网站来有效地优化用户的浏览体验。而PWA则是向前迈出的一步,代表了技术,设计概念和Web API的保护伞,它们可以共同为移动Web提供类似应用程序的体验。
渐进式增强通过提高用户保留率来推动移动优先的理念。根据Appboy的 流动客户保留报告 要保留应用程序用户并不容易,超过75%的用户在首次使用后第二天就无法返回。

90天内的移动应用保留率(请参阅:Appboy的移动客户保留报告)
用户必须首先在应用商店中找到该应用,下载,安装并最后打开它。通过消除不必要的下载和安装阶段,PWA使此过程变得更容易。当用户找到您的渐进式Web应用程序时,他们将能够立即开始使用它。因此,渐进式Web应用程序利用了移动应用程序的特性,从而提高了用户保留率和性能,而无需维护移动应用程序。
渐进式Web应用程序如何改善浏览体验?
快速精简的网站
渐进式Web应用程序基于称为 服务人员。服务工作者是事件驱动的脚本,可以访问域范围的事件。这些是位于用户标签和更广泛的Internet之间的可编程代理。它们拦截并重写或伪造网络请求,以提供非常精细的缓存和脱机支持。糟糕!!简而言之,无论网络连接如何,它都能提供即时且可靠的加载。 Flipkart Lite是一款专为使用2G网络的客户设计的渐进式Web应用程序。它利用新的开放式Web API提供更快的加载速度,更少的数据使用量的移动Web体验,并具有多种重新吸引用户的方式。通过增加服务人员,还减少了加载时间,并简化了站点,以实现更好的导航。
更好的用户体验
除了构建精简的网站外,服务人员还有助于改善用户体验。通过浏览器访问的用户享受类似应用程序的用户体验。当他们回来时,即使在缓慢的网络上,它也几乎立即加载。经常会提示用户安装该应用程序并升级到完整版本。全球速卖通是美国,俄罗斯和巴西的热门电子商务网站,建立了跨浏览器 渐进式Web应用 将他们最好的应用程序与广泛的网络相结合。全球速卖通的转化率提高了104%,用户每次访问的页面数量现在翻了一番, 在所有浏览器中,每次会话花费的时间平均增加了74%.
提高客户参与度
您在访问具有PWA功能的网站时必须观察到提示用户“允许”发送通知。这是一条微妙而强大的信息,尤其是对于社交网站。作为用户,点击“允许”将允许网站通知您消息或更新,即使您不看页面也是如此。 Chrome浏览器还集成了“添加到主屏幕”功能。
用户只需轻按两次即可将该网站添加到其主屏幕,从而使他们更容易返回。如果您将PWA添加到主屏幕,则该应用将被缓存,并且您将直接从主屏幕链接到该应用。通过定义一个 网络应用清单,开发人员可以将浏览器设置为以全屏模式打开,而无需地址栏,初始屏幕,状态栏的颜色主题和图标本身。
离线访问
感谢服务人员,可以离线访问以前访问的网站。如前所述,服务工作者是PWA的骨干,因为他们可以实现推送通知,内容缓存,后台更新和脱机功能。服务工作者可以进行脱机访问,因为它们实际上是独立于您的应用程序运行并响应连接更改,网络请求,推送通知等的Javascript。 企业已经以创造性的方式使用了这项新技术。英国《卫报》最近建立了 离线填字游戏 当网络连接断开时。这导致了客户的参与,因为难题是显示陈旧新闻的更好选择。

守护者渐进式Web应用 (Image credit: Sam Thorogood http://buff.ly/2cp5OCI)
渐进式Web应用程序是一项新技术,跨浏览器支持仍然受到限制,尤其是在Safari和Edge中。仍在进步的Web应用程序将Web浏览体验提升到本机应用程序和响应式Web设计之外。对于企业而言,PWA可用于创建更好的用户体验和客户参与度。与《卫报》类似,还有其他创造性的参与方式,可以以不同的方式主动缓存内容。您可以存储用户最近的聊天记录,也可以提供足够的信息供访问者查看商家的最新更新。