什么是渐进式 Web 应用?

渐进式 Web 应用 (PWA) 是使用新型 API 构建和增强的 Web 应用,可提供增强功能,同时仍然通过单个代码库覆盖任何设备上的任何 Web 用户。它们将 Web 应用的广泛覆盖面与平台专用应用的丰富功能相结合,从而提升用户体验。

PWA 设计的三大支柱

为了使 PWA 感觉像特定于平台的应用一样美观,您必须将其设计为功能强大、可靠且可安装。

Web 应用现在的功能比以往任何时候都更加强大,这些功能仍在不断增长。最近,Web 软件已开始开发过去只有平台专用应用才能使用的功能。例如,您现在可以使用 WebRTC、地理定位和推送通知构建超本地化视频聊天应用,然后将该应用设为可安装,并使用 WebGL 和 WebVR 将对话移至虚拟现实。引入 WebAssembly 后,开发者可以充分利用其他生态系统(例如 C、C++ 和 Rust),并将数十年来的平台专用功能引入到 Web 中。开发者利用 Web 新功能的一个很好的例子是,基于 Web 的图片压缩工具 Squoosh.app

虽然某些功能仍不在 Web 应用之下,但新的和即将推出的 API 不断扩展 Web 的功能,例如文件系统访问、媒体控件、应用标记和完全剪贴板支持等功能。所有这些功能均使用 Web 安全、以用户为中心的权限模型构建而成,可以保障用户安全并使使用新网站不再那么令人望而却步。

可靠

无论使用哪种网络,可靠的渐进式 Web 应用都会让人感到快速且可靠。用户值得拥有能够快速响应互动的应用以及他们信赖的体验。

速度对于让用户体验您的体验至关重要。事实上,随着网页加载时间从 1 秒增加到 10 秒,用户跳出的概率增加了 123%。 性能问题会影响整个用户体验,而不仅仅是 onload 事件。可靠的体验绝不会让用户不确定是否有与应用进行过任何互动。滚动和动画必须流畅。用户需要认为您的应用性能良好,就如同他们实际运行良好所需的一样。

此外,无论网络连接如何,可靠的应用都必须保持可用。 用户希望应用在网速较慢或不稳定的情况下(甚至在离线状态下)能够快速加载。用户希望他们最近互动过的内容(例如媒体曲目或门票和行程)仍然可用,即使应用无法向您的服务器发送请求也是如此。当无法执行请求时,用户会希望应用告知应用出现了问题,而不是静默失败或崩溃。

可安装

如果将 PWA 设置为可安装,会将其移出浏览器并放入独立窗口中,从而改变用户看待 PWA 并与之互动的方式。已安装的 PWA 可从用户的主屏幕、Dock、任务栏或任务栏中启动。用户可以在设备上搜索它们,并使用应用切换器在它们之间切换,让用户感觉自己就像是安装在设备上的一个部分。

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

从 PWA 中获取结果

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

  • Twitter 的 PWA 使每次会话浏览页数增加了 65%,Tweet 消息数量增加了 75%,跳出率降低了 20%,同时还将应用大小缩减了 97% 以上。
  • 改用 PWA 后,Nikkei 的自然流量增加了 2.3 倍,订阅量增加了 58%,日活跃用户数增加了 49%。
  • Hulu 将其平台专属的桌面体验替换为 PWA,并实现了 27% 的回访量增幅。

如需详细了解使用 PWA 的优势,请参阅渐进式 Web 应用如何助力业务取得成功