生产2019-10-31更新日期：2023年2月18日小笠原雅美
鸣叫 分享 哈特纳 RSS
当您开发 Web 应用程序时，您通常会考虑同时开发智能手机应用程序。
然而，网络应用程序和智能手机应用程序使用不同的编程语言进行开发，这增加了成本。
在操作方面更是如此。
花费这样的成本创建一个智能手机应用程序是否可以盈利？您有这样的疑问吗？
在这种情况下，请考虑使用 PWA 进行开发。
在这篇文章中，我们将解释什么是 PWA、它能做什么以及它有什么好处。
>>对于那些考虑网站更新的人 | 免费分发 RFP 样本 目录[显示]
什么是渐进式应用？
PWA（渐进式 Web 应用程序）是 Google 的一个项目，旨在使 Web 应用程序表现得像本机应用程序。
首先，在讨论 PWA 之前，我们先来看看 Web 应用程序和本机应用程序。
与我们的服务相比，您会购买我们的服务。 Lists 提供定制的电子邮件列表，帮助企 电子邮件列表 业直接与受众建立联系我们的名单经过精心策划，确保您接触到合适的人，从而获得更高的参与度和转化率。无论是新闻通讯、产品公告还是特别优惠，我们的电子邮件列表旨在改善您的营销工作并推动成果。信任议员名单，提供可靠、有针对性的外展解决方案。请记住，并不是每个人都能对良好的服务表示感谢。
Web 应用程序和本机应用程序有什么区别？
首先，所谓的应用包括Web应用和原生应用。
前者是在网络浏览器上运行的应用程序，后者是下载到PC或智能手机上的应用程序。
除非浏览器可以访问互联网，否则无法使用网络应用程序，但本机应用程序在PC或智能手机内部运行，因此即使未连接到互联网也可以使用它们（有一些例外）。
那么什么是原生应用程序呢？
典型的原生应用有哪些？
本机应用程序的示例包括您可能使用过的应用程序，例如 Excel、Word 和 PowerPoint。
由于它仅在您的 PC 上运行，因此即使您没有连接到互联网也可以使用它。
其他示例包括 Adobe Illustrator 和 Photoshop。
从应用程序商店下载到智能手机的智能手机应用程序也是本机应用程序的一种。
什么是 PWA？
PWA 是一种通过网络浏览器使用的网络应用程序，但其行为类似于智能手机应用程序。
比如可以离线使用，有推送通知等功能……
这些都是智能手机应用的特点。
PWA本身并不是什么特殊的技术，而是指具有Google指定的元素的Web应用程序。
有四个主要要素：可靠、集成、快速和参与。
可靠的 无论网络状况如何，都能立即加载
融合的 使体验更加适合设备/操作系统
快速地 动画流畅且对动作响应快速
引人入胜 拥有身临其境的用户体验
从这里，我想看一下 PWA 可以做什么以及引入 PWA 的优点和缺点。
但在此之前，我想回顾一下当前的智能手机应用市场。
通过这样做，您将了解为什么应该考虑采用 PWA。
了解《2019移动市场年鉴》
全球最大的应用研究公司App Annie发布了2019年移动市场年鉴。
这次，我们将介绍一些数据。
应用下载量增加 35%
全球智能手机应用下载量已达 1940 亿次，自 2016 年以来增长了 35%。
由此看来，智能手机应用程序的市场非常大。
特别是新兴国家的市场正在扩大。
日本应用商店的消费者支出保持平稳
此外，全球消费者在应用商店的支出为 1010 亿美元，较 2016 年增长 75%。
然而，在日本，消费者在应用商店上的支出几乎保持不变。
2018年，中国占应用商店支出的40%，尽管美国出现了一些增长，但日本和英国的消费者支出增长明显放缓。
尽管该数据并非来自《移动市场年鉴》，但 App Annie 此前发布的数据显示，日本是全球智能手机应用下载量最多的国家。
换句话说，可以说日本的智能手机应用市场正在趋于饱和。
App开发性价比不好吗？
考虑到这些因素，让人们下载新的智能手机应用程序并继续使用它可能相当困难。
事实上，如果您常去的商店里店员问您“如果您愿意，请下载该应用程序”，您会有什么感觉？
说实话，我觉得很多人都觉得有点麻烦……
这就是 PWA 发挥作用的地方。
PWA 取代了智能手机应用程序。
在开发服务时，这可能是一种非常有效的方法，而且不会产生初始成本。
PWA 可以做什么？
那么，您可以使用 PWA 做什么？
主要有以下三个：
可以安装在用户的设备上
感觉就像一个原生应用程序
更快的显示速度
现在，让我们一一来看看。
可以安装在用户的设备上
首先，您可以像智能手机应用程序一样将其添加到智能手机的主屏幕。
这使用户可以更轻松地访问您的服务。
此外，与将快捷方式放置在主屏幕上不同，您可以使用缓存和推送通知，这将在稍后介绍。
此外，由于 PWA 的主要功能是访问网站，因此它通常比智能手机应用程序更轻。
感觉就像一个原生应用程序
其次，如上所述，它是本机应用程序的替代品。
通过为您的 Web 应用程序提供类似本机应用程序的感觉，您可以降低总体业务成本。
那么，使用原生应用程序感觉如何？
这次我们就来介绍四位有代表性的。
推送通知
第一个是推送通知。
推送通知是智能手机应用程序中的一项常见功能，旨在提高用户便利性。
通过使用 PWA，您还可以向 Web 应用程序发送推送通知。
此外，您可以放置横幅来鼓励在设备上安装。
缓存的使用 其次是缓存的使用
缓存允许您即使在离线状态下也可以访问您的站点。
当然，需要通信的功能会受到限制，但离线时数据可以保留，这是一个很大的便利。
使用位置信息
三是位置信息的利用。
有许多智能手机应用程序使用位置信息。
通过 PWA，您可以像智能手机应用程序一样使用用户设备的位置信息。
此外，与智能手机应用程序不同，无需下载，因此可以预期更加方便。
更快的显示速度
最后，与本机应用程序相比，它可以提供更快的显示速度。
通常，查看站点需要通信，但由于站点上的数据或用户的通信限制，站点信息可能无法轻松显示。
不过，由于PWA使用了缓存，因此页面加载速度非常快。
单击此处了解有关缓存的更多信息
此外，PWA 允许您在等待应用程序加载时设置自己的启动屏幕（应用程序启动时出现的屏幕）。
引入PWA的优势
到目前为止，我们已经介绍了 PWA 可以做什么。
那么，采用 PWA 有什么好处呢？
除了降低开发成本之外，使用 PWA 创建 Web 应用程序而不是创建智能手机应用程序还有什么主要好处吗？
三个主要优点是：
预计将提高用户参与度
期望改善用户体验
增加开发自由度
预计将提高用户参与度
通过引入 PWA，您可以通过在用户设备上安装图标并发送推送通知来提高用户参与度。
例如，您可以向一段时间内未访问您网站的用户宣布一项活动。
此外，通过在设备上安装横幅来促进下载也将有助于提高参与度。
PWA 的另一个优点是它们比智能手机应用程序相对更轻。
期望改善用户体验
此外，正如有关如何使用 PWA 的部分中所解释的，您可以通过使用缓存来加速页面显示并使其离线可用，从而降低网站的跳出率。
跳出率是指用户离开您的网站而不从他们访问的第一页导航到另一个页面的概率。
还有数据显示，如果网站加载时间为 2 秒，跳出率约为 9%，但如果网站加载时间为 5 秒，跳出率将增加四倍多，达到 38%。
这就是为什么您的网站快速显示如此重要。
PWA 可以极大地加快您的网站速度。
增加开发自由度
当谈到智能手机应用程序时，由于在智能手机上下载和使用它们的性质，因此需要考虑许多有关操作系统规范的事情。
但PWA主要通过连接互联网、访问网站来使用，因此受操作系统的影响较小。
然而，离线操作可能会受到操作系统的轻微影响。
此外，与智能手机应用程序不同，PWA 无需等待应用程序商店审核即可发布。
从这方面来说，也将保证较高的发展自由度。
>>对于那些考虑网站更新的人 | 免费分发 RFP 样本
采用 PWA 的缺点
到目前为止我们已经看到了 PWA 的好处。
另一方面，采用 PWA 有什么缺点吗？
三个主要缺点是：
需要单独注册到应用商店
操作智能手机应用程序时产生重复成本
iOS 不支持某些功能
需要单独注册到应用商店
智能手机应用程序在应用程序商店中注册，用户可以在其中找到它们，并且可以在应用程序介绍网站上推荐它们。
另一方面，PWA 并未在应用商店中注册，因此您需要提示他们自行安装。
不过，PWA 也可以在应用商店中注册。
在这种情况下，需要单独注册。
操作智能手机应用程序时产生重复成本
如果您已经在运行智能手机应用程序，那么实施提供类似于智能手机应用程序的用户体验的 PWA 可能会导致成本重复。
在考虑引入 PWA 时请记住这一点。
iOS 不支持某些功能
正如文章底部总结的那样，一些可以使用 PWA 实现的功能在 iOS 上不受支持（截至 2019 年 10 月）。
随着iOS版本的完善，兼容性也在一点点进步，但情况仍远不尽如人意。
在引入 PWA 时，您需要检查 iOS 各个版本的 PWA 兼容性状态。
PWA 也兼容 Windows
2018 年 10 月 16 日，Windows Chrome 70 开始支持桌面 PWA。
这意味着 Windows 现已完全支持 PWA。
这将成为 PWA 传播的顺风车。
桌面版本并不是智能手机应用程序的替代品，但它具有各种优点，例如更快的页面。
渐进式应用实施示例
到目前为止，我们已经介绍了PWA的优点和缺点。
现在，我们来看看一些实际引入 PWA 的公司的例子。
这次我引用Google开发者网站上的介绍。
苏莫
首先是 SUUMO，一个房地产和住房信息网站。
它是日本顶级的房地产网站之一，为日本近 11% 的人口提供服务。
SUUMO 从较早的阶段就开始致力于引入 PWA。
借助 PWA，SUUMO 现在能够提供类似智能手机应用程序的用户体验，包括离线支持、推送通知和高速。
结果，我们取得了诸如将加载时间减少到 1/4、将推送通知打开率提高到 31% 等成果。
日经新闻
接下来我们看一下《日经新闻》的例子。
《日经新闻》不仅关注其印刷媒体，还关注其电子版，据称每月有超过 4.5 亿用户访问。
日经新闻也使用 PWA。
《日经新闻》在 PWA 中采用了 Service Worker 进行离线操作，现在无论网络条件如何，都能够提供用户不会感到困惑的性能。
此外，通过使用缓存存储，热门文章现在可以始终显示并可以立即加载。
这使得自然流量增加了 2.3 倍，转化次数增加了 58%，每个会话的页面浏览量增加了一倍。
叽叽喳喳
PWA 不仅在日本推出，还在全世界使用的 Twitter 上推出。
Twitter 在全球拥有 3.28 亿活跃用户，其中超过 80% 通过移动设备访问。
这就是为什么 Twitter 致力于通过 PWA 为用户提供更快、更可靠、更具吸引力的网络体验。
借助 PWA，Twitter 每个会话的页面数量增加了 65%，推文数量增加了 75%，跳出率降低了 20%。
就这样，PWA在日本乃至全球的引入开始了
不过，如上所述，iOS 上仍然有一些功能受到 PWA 的限制。
iOS 上实现 PWA 的注意点
PWA 是 Google 发起的一个项目，Android 在支持方面相当先进。
相比之下，还有很多部分在iOS上不支持，需要小心。
那么有哪些需要注意的地方呢？
部分功能受到限制
对于 iOS，您需要注意的是，一些可用于 PWA 的功能是有限的。
这次我们将介绍从iOS12开始PWA的一些受限功能。
以下五位具有代表性。
数据量有限
无法使用推送通知
提示安装的横幅无法安装。
无法进行应用内购买
数据量有限
首先是数据量。
离线数据容量限制为 50MB。
用户在离线操作时进行设置时必须小心。
无法使用推送通知
接下来是推送通知。
智能 什么是SEO审核？整体网站审核SEO指南 手机应用程序通过推送通知的方式告知用户各种信息，让用户不错过任何信息。
这对于聊天应用程序尤其重要。
但是，从 iOS12 开始，不支持推送通知。
提示安装的横幅无法安装。
无法放置提示在设备上安装的横幅，这可以通过 Android 来完成。
但是，您可以毫无问题地将其安装在主屏幕上。
对于 iOS，您需要提示用户使用横幅以外的方法添加主屏幕。
无法进行应用内购买
自 iOS12 起也不支持应用内购买。
不过，如果是免费使用的应用程序，比如搜索信息之类的，比如介绍例子中提到的SUUMO，那就没有问题了。
如上所 AOB 目录 述，iOS 不支持一些可以在 Android 上实现的功能。
我迫不及待地想看看 iOS 将来如何支持 PWA。
如何引入 PWA
正如本文开头提到的，PWA 并不是一种特殊的技术，而是一种符合 Google 设定条件的 Web 应用程序。
因此，实现PWA在技术上并不是那么困难。
您可以通过启用支持 HTTPS 和离线体验的 Service Worker 立即使其与 PWA 兼容。
概括
