AMP 和 PWA 如何相互关联
渐进式 Web 应用和 AMP 页面可以很好地协同工作。事实上,在许多情况下,它们以某种方式相互补充。了解如何
- 为您的 AMP 页面启用 PWA 功能
- 创建一个从 AMP 到 PWA 的引人入胜、超快的用户旅程
- 通过使用 AMP 的强大功能简化您的 PWA
在 Web Fundamentals 上了解有关渐进式 Web 应用的更多信息。
具有 PWA 功能的 AMP 页面
AMP 页面本身可以使用许多 PWA 功能,前提是它们是从您的来源(您网站的域名)而不是从 AMP 缓存提供的。这意味着当在 Google 或 Bing 等平台内使用 AMP 页面时,PWA 功能不会启动,但在后续旅程中,或者用户直接导航到您的 AMP 页面时,PWA 功能将会启动。
继续阅读 – 了解如何为您的 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