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 页面,它们将会启动。

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

AMP 作为进入您的 PWA 的入口点

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

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

继续阅读 – 了解如何通过 amp-install-serviceworkerAMP 连接到 PWA

AMP 作为您 PWA 的数据源

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

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

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