跳到主要内容

什么是 PWA?

· 阅读需 4 分钟

当谷歌提出 PWA 时,并没有一个精确的定义。它不是一种特定的技术,而是一种组合技术,旨在改善用户体验。这些技术包括 Web 应用清单、服务工作者、网络推送等。

PWA 的主要特性如下:

  • 可靠性 - 即使在不稳定或断开的网络环境中也能快速加载。
  • 用户体验 - 响应迅速,具有流畅的过渡动画和用户操作反馈。
  • 粘性 - 像原生应用一样,可以添加到主屏幕并接收离线通知。

PWA 本身在两个方面强调了 渐进性

  1. PWA 仍在不断发展;
  2. PWA 向下兼容且不具侵入性。开发者使用新特性几乎没有成本 - 开发者可以逐步将其添加到现有网站中。

谷歌的 "渐进式网络应用检查表" 定义了 PWA 的最低要求。

  • 通过 HTTPS 提供服务。
  • 页面在桌面、平板和移动设备上应具有响应性。
  • 所有 URL 在断开连接时应有内容显示,而不是默认的浏览器页面。
  • 需要将 Web 应用清单添加到桌面。
  • 页面加载更快,延迟更短,即使在 3G 网络上。
  • 在所有主要浏览器中正确显示。
  • 流畅的动画和即时反馈。
  • 每个页面都有自己的 URL。

PWA 的特性

PWA 结合了网络应用和原生应用的优点,给我们带来了以下特性。

  • 渐进性 - 适用于所有浏览器,因为它是在考虑渐进增强的情况下开发的。
  • 连接无关 - 能够利用服务工作者实现离线或低网络连接。
  • 原生体验 - 基于应用外壳模型,应该具有原生应用的交互。
  • 持续更新 - 始终保持最新,没有版本或更新问题。
  • 安全性 - 通过 HTTPS 提供服务。
  • 可索引 - 清单文件和服务工作者可以被搜索引擎识别和索引。
  • 粘性 - 通过推送离线通知等,可以让用户回到您的应用中。
  • 可安装 - 用户可以轻松将网络应用添加到主屏幕或桌面,而无需前往应用商店。
  • 可链接 - 通过链接分享内容,无需下载和安装。

更具体地说,PWA 相较于原生应用的优势是什么?开放性和可索引性。用户几乎无法即时安装原生应用,也无法无缝搜索原生应用。

下表展示了传统网络应用、原生应用和 PWA 在各个特性上的比较。

可安装可链接用户体验用户粘性
传统网络应用
原生应用😐✅️
PWA
References: