AMP 和 PWA 如何关联
重要提示:此文档不适用于您当前选择的 广告 格式!
渐进式 Web 应用和 AMP 页面可以很好地协同工作。事实上,在许多情况下,它们以一种或另一种方式互补。了解如何
- 为您的 AMP 页面启用 PWA 功能
- 创建一个 引人注目、超快的用户旅程,从 AMP 到 PWA
- 通过使用 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 页面。
-
作者: @pbakaus