AMP

AMP 和 PWA 之间的关系

观看将 AMP 和 PWA 结合在一起的简介。

渐进式网络应用和 AMP 页面可以很好地协同工作。事实上,在很多情况下,它们以这样或那样的方式相互补充。了解如何

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

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

具有 PWA 特性的 AMP 页面

只要 AMP 页面不是从 AMP 缓存中提供,而是从您的源(您网站的域名)中提供,那么它们就可以自己使用许多 PWA 功能。这意味着在 Google 或 Bing 等平台中使用 AMP 页面时,PWA 功能不会启动,但它们会在后续旅程中启动,或者如果用户直接导航到您的 AMP 页面时启动。

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

AMP 作为 PWA 的入口点

AMP 的独特卖点是几乎即时的交付,这一特性使 AMP 非常适合用户与您网站的首次互动。渐进式网络应用支持更多互动和参与功能,但它们的首次加载受到网站服务工作者(因此也是其资产和应用外壳)仅在后续加载中加速交付这一事实的阻碍。

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

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

AMP 作为 PWA 的数据源

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

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

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