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