自适应网页设计

PWA（Progressive Web App）是一种理念，使用多种技术来增强web app的功能

产生背景

PWA 是 Google 于 2016 年提出的概念,于 2017 年正式落地,于 2018 年迎来重大突破,全球顶级的浏览器厂商,Google、Microsoft、Apple 已经全数宣布支持 PWA 技术。

概念

原生APP应用、PWA 和传统网站有什么区别？

本机应用程序、渐进式 Web 应用程序 (PWA) 和传统网站之间的最大区别之一是功能。

与传统网站相比，本机移动应用程序启动速度快，即使在网络可用性较低或没有的情况下也往往会加载。这些应用程序和 PWA 可以推送通知和共享位置——迄今为止网络还没有为用户提供的好处。PWA 具有与移动应用程序相同的功能，可以改善 Web 用户体验，但不需要耗尽其移动存储空间来下载应用程序。

传统的移动网站在性能方面名声不佳，加载速度不够快。如果滚动和加载时间超过 3 秒，53%的移动用户将离开页面。随着时间的流逝，用户的注意力持续时间越来越短，因此立即加载是确保您不会失去访问者和潜在业务的一种方式。

拥有 PWA 有什么好处？

PWA 的主要好处是，与原生应用程序不同，它们是通用的，因此与所有不同类型的手机操作系统兼容。这意味着您可以在多个设备上使用 PWA，而对于移动应用程序，必须为每个特定的应用程序商店（例如 Android、IOS 等）创建不同的应用程序。

额外的 PWA 好处包括：

速度和一致性：即使网络连接不是最佳的，PWA 也能立即加载，因为它们预先缓存了您的关键资源。此外，他们对网站上的交互反应迅速，动画加载迅速，没有滞后的滚动。这可确保您始终为客户提供最佳的现场体验，并防止他们放弃您的网站。

原生应用的外观和感觉： PWA 的外观和感觉就像原生移动应用。用户甚至可以将可点击的图像添加到他们的主屏幕，就像“普通”移动应用程序一样。它们还为客户提供身临其境的体验，而无需占用存储空间来安装应用程序。

提高转化率：全球速卖通报告称，拥有 PWA 后，来自所有浏览器的新用户的转化率提高了 104%，来自 iOS 的用户的转化率提高了 82%。

PWA 面临哪些挑战？

尽管 PWA 已经存在了很长一段时间，但企业开始创建和使用它们的时间仍然比预期的要长。这可能是因为 PWA 是由Google的开发人员创建的，而 Apple 等品牌在调整其设备以支持 PWA 方面进展缓慢。

苹果直到 2018 年才表示他们将开始在手机上支持 PWA。之所以苹果是如此犹豫不决允许其设备来支持PWA自然是由于其应用程序商店，其受欢迎程度。

PWA 是否会成为消费者生活的一部分还取决于手机制造商以及他们在多大程度上允许 PWA 访问某些手机功能。例如，Apple 对应用程序可以做什么有更严格的政策。在他们的应用商店中批准某些应用之前，他们也有质量控制。

对于公司来说，建立自己的 PWA 仍然相当昂贵。大多数公司都在等待他们的电子商务平台提供商构建 PWA 并在其电子商务功能中提供它。

PWA 的未来是什么样的？

PWA 的未来始于单页应用程序 (SPA)。公司或电子商务平台在转向 PWA 之前需要首先开始构建单页面应用程序。

单页应用程序是在 Internet 浏览器中运行的应用程序。SPA 目前比 PWA 更常见。日常使用的大型 SPA 的一些示例包括 Twitter、Facebook 和 Google。

我们看到围绕 PWA 的大惊小怪。但有时作为 PWA 进行营销的实际上是一种被虚假营销的单页应用程序。单页应用程序没有 PWA 具有的离线功能。