AMP

AMP 和 PWA 如何相互关联

重要提示:本文件不适用于您当前选择的格式电子邮件

观看 AMP 和 PWA 组合简介。

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

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

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

具有 PWA 功能的 AMP 页面

只要 AMP 页面是从您的源(您的网站域名)而不是从 AMP 缓存提供的,AMP 页面就可以自行使用许多 PWA 功能。这意味着在 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 页面