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-serviceworker 将 AMP 连接到 PWA。

AMP 作为 PWA 的数据源

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

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

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