AMP 和 PWA 如何相互关联
重要提示:本文件不适用于您当前选择的格式电子邮件!
渐进式 Web 应用程序和 AMP 页面可以很好地协同工作。事实上,在许多情况下,它们以某种方式相互补充。了解如何
- 为您的 AMP 页面启用 PWA 功能
- 创建从 AMP 到 PWA 的引人入胜、超快的用户体验
- 通过使用 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-serviceworker
将AMP 连接到 PWA。AMP 作为您 PWA 的数据源
AMP 页面的核心功能之一是它们易于嵌入且安全,这就是为什么越来越多的平台乐于分发和提供它们的原因。
如果您正在构建渐进式 Web 应用程序,您可以通过将您的 AMP 页面重新用作您 PWA 的数据源来获得相同的好处,并显着降低您的后端和客户端复杂性。
继续阅读 – 了解如何在 PWA 中使用 AMP 页面。
-
由 @pbakaus 撰写