渐进式 Web 应用程序 (PWA)：前 3 名案例研究

想象一下，您刚刚启动了您的初创公司，并且您的网站看起来很棒，但是您没有足够的预算来开发移动应用程序，这可能对您的业务战略很重要。 但是，它非常昂贵且有点风险。 您还必须花费大量时间来构建本机应用程序，但没有人非常了解您的品牌。 人们会足够信任您的应用程序以从 App Store 或 Google Play Store 下载它吗？

更重要的是——您的客户/读者是否有足够的决心采取一些额外的步骤，例如关闭您的网站、打开 Google Play 或 App Store，然后耐心等待应用安装？

请记住，如今人们的要求要高得多。 换句话说，他们也很不耐烦——他们期待快速的解决方案。 从外部商店下载这样的应用程序听起来不是一个非常快速的操作，并且每个用户都无法访问原生应用程序。 从用户体验的角度来看，客户在实现他的（和你的）目标之前会遇到很多障碍。

还有一件事——你确定你的客户有足够的内部存储空间来下载你的应用程序吗？

因此，您将投入大量资金来构建移动应用程序（适用于 IOS 和 Android），但您无法确定人们是否会真正使用它。 啊……不要忘记您需要花费在广告和促销上的所有这些巨额营销预算！

但是等等，不要惊慌，幸运的是，你生活在 2019 年，当  在创建移动应用程序时，渐进式 Web 应用程序正在成为一种常见的解决方案！

您听说过渐进式 Web 应用程序吗？ 如果没有，现在是您赶上这一最新技术趋势的机会，否则您将被甩在后面！ 我们已经写了一篇全面的文章来解释它们是什么以及为什么值得选择这个选项。

今天，我们想给大家一些启发，并介绍已经构建Progressive Web Apps 的品牌的成功案例。

TRIVAGO

Trivago 在提供 33 种不同语言的酒店搜索引擎方面享有盛誉。 Trivago 根据酒店信息、图片、评级、评论、过滤器和其他功能，帮助用户找到最优惠的价格。

问题

问题是 Trivago 注意到近年来移动用户的显着增加。 该品牌意识到移动体验对他们的客户来说越来越重要。

然而，创建移动解决方案并不是小菜一碟，这意味着要做出艰难的选择。 具体来说，该公司不确定人们是否会接受下载移动应用程序的成本，只是为了检查它是否符合他们的期望。 他们还注意到许多人在移动连接质量方面存在问题。 由于这些原因，Trivago 正在寻找与原生应用不同的机会。

 推荐阅读：Progressive Web Apps vs Native Apps：哪个更适合你？

解决方案

最后，他们发现了渐进式 Web 应用程序，其功能似乎非常适合他们的需求。 当时，他们正在寻找一种能够为他们提供推送通知、离线模式和主屏幕快捷方式的解决方案。 对于 Trivago 而言，最重要的因素是可以通过标准的移动浏览器访问此应用程序。

这个 PWA 解决方案帮助他们构建应用程序，而无需涉及大型软件开发团队。 他们一开始就专注于最重要的功能，例如推送通知、离线访问以及将应用程序添加到主屏幕的可能性。 当然，起初也有困难。 他们说​最大的挑战之一是创建直观的用户界面，因为设计移动外观与标准网站的外观大不相同。 根据 PWA 设计师 Laura Oades 的说法：

“在移动设备上，你还有一个额外的问题，那就是制作一个与平台无关且不会令人困惑的 UI”，“PWA 在设计上很大程度上是一个未知领域，对于创造性的问题解决者来说，这是一个真正的机会，可以扩展自己来定义一个新的标准。”

结果

• Trivago 移动网站以 33 种语言提供，覆盖 55 个国家/地区。
• 超过50 万人在他们的主屏幕上添加了 Trivago 快捷方式，他们的参与度增加了150% 。
• 与之前的移动网站相比，Progressive Web App 吸引了更多的用户。 在 PWA 之前，仅记录了 0.8% 的重复访问，现在这个数字增加到平均 2%。
• 事实证明，推送通知是一种完美的沟通方式——它们有助于提高转化率——PWA 中酒店优惠的点击次数增加了 97%。

 推荐阅读：旅游行业的 7 个最佳渐进式 Web 应用

兴趣

Pinterest是一个社交网络，允许用户通过将图像或视频发布（称为Pinterest上的“固定”）到他们自己或其他人的板（即“图钉”的集合，通常具有共同的主题）并浏览其他用户固定的内容

问题

在分析了未经身份验证的移动网络用户的使用情况后，他们意识到他们旧的、缓慢的网络体验只能将 1% 的用户转化为注册、登录或本地应用程序安装。 提高这种对话率的机会是巨大的，这导致他们对 PWA 进行了投资。

Pinterest PWA 之所以开始，是因为他们专注于国际增长，这导致他们进入了移动网络。

解决方案

超过3 个月的时间，Pinterest 使用 React、Redux 和 webpack 重建了他们的移动 Web 体验。 他们的移动网络重写导致核心业务指标的一些积极改进。

结果

他们的移动网络重写带来了性能上的多项改进。

与旧的移动网络体验相比，花费的时间增加了40% ，用户产生的广告收入增加了44% ，核心参与度增加了60% ：

Pinterest 旧的移动 Web 体验是一个整体——它包含大量 CPU 密集型 JavaScript，这些 JavaScript 推动了 Pin 页面的加载和交互速度。

他们新的移动网络体验是一个巨大的改进。

他们不仅分解并削减了数百 KB 的 JavaScript，将核心包的大小从 650KB 减少到 150KB，而且还改进了关键性能指标。 第一次有意义的绘画从 4.2 秒减少到 1.8 秒，交互时间从 23 秒减少到 5.6 秒。

尽管 Pinterest 销售 iOS 和 Android 应用程序，但它们能够提供与这些应用程序在网络上相同的核心家庭提要体验，而前期下载成本只是其中的一小部分——压缩和 gzip 后只需约 150KB。 这与为 Android 提供此体验所需的 9.6MB 和为 iOS 提供此体验所需的 56MB 形成鲜明对比

推特

如您所知，Twitter 是一个社交媒体平台，人们在其中发布称为推文的短消息。 它创建于 2006 年 3 月。现在它拥有超过 3.35 亿活跃用户（2018 年 7 月）。

问题

Twitter 注意到用户在使用他们的移动网站时必须克服许多障碍。

他们中的一些人使用缓慢的移动网络，并且移动设备存储空间很小。因此，访问者不愿意花时间在 Twitter 的网站上或参与更多的发布和评论。 Twitter 希望为不使用本地应用程序或没有足够空间下载此应用程序的人找到一个有吸引力的替代方案。

解决方案

Twitter 决定构建一个渐进式 Web 应用程序，因为它似乎是现代网站和原生功能的最佳组合。 即时加载、更低的数据消耗和大的可访问性是 Twitter 一直在寻找的功能。

结果

结果令人印象深刻——数字不言自明：

• 跳出率下降 20%，
• 每个会话的页面增加 65%，
• 发送的推文增加了 75%。

与之前的成功案例一样，“添加到主屏幕​”提示和推送通知显着提高了用户的参与度。 正如本案例研究中所述，Twitter 注意到每天有250 000 名独特的用户平均每天从主屏幕运行 Twitter Lite 4 次。 更重要的是，他们每天发送超过 1000 万条推送通知。

根据 Twitter 的意图，PWA 占用的空间（仅 600 KB）比原生 Android 应用程序（23.5 MB）要少得多，因此人们更有可能在内部存储中有足够的空间来保存它。

更重要的是，Twitter 增加了数据保护模式，帮助用户控制使用的移动数据量。 借助此选项，您可以选择要完全加载哪些图像或视频，哪些可以保留为预览。

 推荐阅读：PWA SEO：渐进式 Web 应用程序 (PWA) 是否有益于 SEO？ （带有统计和示例）

拥抱网站的未来

PWA 是移动应用程序的未来。 随着时间的推移，它们有可能取代原生应用，成为原生应用和网站的完美结合。 在采用新技术的速度是竞争优势的世界中，能够尽早采用 PWA 的企业可以显着增加收入，提高用户参与度，同时保持竞争优势。

过去，Apple 对渐进式 Web 应用程序有一些限制，但是，它们现在越来越支持 PWA。 对于为 Magento 电子商务网站寻找全方位完美 PWA 的在线商家，我们在 SimiCart 为您和您的商店提供完整的套餐。