什么是渐进式 Web 应用?

渐进式 Web 应用 (PWA) 是使用现代 API 构建和增强的 Web 应用,旨在提供增强的功能,同时仍然可以使用单个代码库覆盖任何设备上的任何 Web 用户。它们将 Web 应用的广泛覆盖范围与特定于平台的应用的丰富功能相结合,以增强用户体验。

PWA 设计的三个支柱

为了使 PWA 的使用体验与特定于平台的应用程序一样出色,您必须将其设计为功能强大、可靠且可安装。

功能强大

Web 应用程序现在比以往任何时候都更加强大,而且这些功能还在不断增长。最近,Web 软件已开始开发曾经只有特定于平台的应用才能使用的功能。例如,您现在可以使用 WebRTC、地理定位和推送通知构建一个超本地视频聊天应用,然后使该应用可安装,并使用 WebGL 和 WebVR 使对话转移到虚拟现实。WebAssembly 的引入使开发者可以利用其他生态系统(例如 C、C++ 和 Rust),并将以前特定于平台的数十年功能引入 Web。开发者利用 Web 新功能的绝佳示例是 Squoosh.app,这是一款基于 Web 的图像压缩器。

尽管某些功能仍超出 Web 的范围,但新的和即将推出的 API 不断扩展 Web 的功能,例如文件系统访问、媒体控件、应用徽章和完整的剪贴板支持。所有这些功能都是使用 Web 安全的、以用户为中心的权限模型构建的,从而确保用户安全,并减少使用新网站时的畏惧感。

可靠

可靠的渐进式 Web 应用无论网络状况如何,都感觉快速且值得信赖。用户应该拥有能够快速响应交互的应用程序,以及他们可以信赖的体验。

速度对于吸引用户使用您的体验至关重要。事实上,当页面加载时间从 1 秒增加到 10 秒时,用户跳出的概率增加了 123%。性能问题会影响整个用户体验,而不仅仅是 onload 事件。可靠的体验永远不会让用户怀疑与应用的任何交互是否已注册。滚动和动画必须感觉流畅。用户需要感觉到您的应用运行良好,就像他们需要它实际运行良好一样。

可靠的应用程序还需要在不考虑网络连接的情况下可用。用户希望应用程序在缓慢或不稳定的网络连接上甚至在离线时也能快速加载。他们期望他们与之交互的最新内容(例如媒体曲目或票证和行程)即使在应用程序向您的服务器发送请求时遇到问题,也仍然可用和可使用。当请求不可能时,他们希望应用程序告诉他们存在问题,而不是静默失败或崩溃。

可安装

使您的 PWA 可安装会将其从浏览器移出并放入独立窗口中,从而改变用户对它的看法和交互方式。已安装的 PWA 可以从用户的主屏幕、Dock、任务栏或 Shelf 启动。用户可以在设备上搜索它们,并使用应用切换器在它们之间跳转,使它们感觉像是已安装设备的一部分。

安装 PWA 还会提供新的功能,包括键盘快捷键,这些快捷键通常在浏览器中保留。PWA 还可以注册以接受来自其他应用程序的内容,或成为处理某些文件类型的默认应用程序。

从 PWA 获取结果

启动 PWA 不仅可以增强用户体验。它还可以改进您的指标并增加您从服务中获得的价值。一些突出的例子包括

  • Twitter 的 PWA 使每次会话的页面数增加了 65%,推文增加了 75%,跳出率降低了 20%,同时将其应用的大小缩小了 97% 以上。
  • 在切换到 PWA 后,日经新闻的自然流量增加了 2.3 倍,订阅量增加了 58%,每日活跃用户增加了 49%。
  • Hulu 用 PWA 取代了他们特定于平台的桌面体验,并看到回访量增加了 27%。

有关使用 PWA 的好处的更多信息,请参阅渐进式 Web 应用如何推动业务成功