AMP

AMP 和 PWA 如何相互关联

观看结合 AMP 和 PWA 的简介。

渐进式 Web 应用和 AMP 页面可以很好地协同工作。事实上,在许多情况下,它们以某种方式相互补充。了解如何

  1. 为您的 AMP 页面启用 PWA 功能
  2. 创建一个从 AMP 到 PWA 的引人入胜、超快的用户旅程
  3. 通过使用 AMP 的强大功能简化您的 PWA

在 Web Fundamentals 上了解有关渐进式 Web 应用的更多信息。

具有 PWA 功能的 AMP 页面

AMP 页面本身可以使用许多 PWA 功能,前提是它们是从您的来源(您网站的域名)而不是从 AMP 缓存提供的。这意味着当在 Google 或 Bing 等平台内使用 AMP 页面时,PWA 功能不会启动,但在后续旅程中,或者用户直接导航到您的 AMP 页面时,PWA 功能将会启动。

继续阅读 – 了解如何为您的 AMP 页面启用 PWA 功能

AMP 作为您 PWA 的入口

AMP 的独特卖点是几乎即时的交付,这一特点使 AMP 非常适合用户与您网站的首次交互。渐进式 Web 应用程序能够实现更多的交互性和启用参与的功能,但它们的首次加载受到以下事实的阻碍:站点的 Service Worker,因此其资产和应用程序外壳,仅在后续加载时加速交付。

一个好的策略是将您网站的入口点设置为 AMP 页面,然后在后台预热 PWA,并在后续旅程中切换到它。

继续阅读 – 了解如何通过 amp-install-serviceworker 将 AMP 连接到 PWA。

AMP 作为您 PWA 的数据源

AMP 页面的核心功能之一是它们易于嵌入且安全,这就是为什么越来越多的平台乐于分发和提供它们。

如果您正在构建渐进式 Web 应用程序,则可以通过将您的 AMP 页面重新用作 PWA 的数据源来获得相同的好处并显著降低后端和客户端的复杂性。

继续阅读 – 了解如何在 PWA 中使用 AMP 页面