将 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 的独特卖点是几乎即时交付,这一特点使得 AMP 成为让用户与您的网站进行首次互动的理想解决方案。渐进式 Web 应用提供了更多可大幅提升互动度并吸引用户进行深入互动的功能,但这类应用的首次加载速度不尽如人意,原因是网站的 Service Worker(以及它的素材资源和 App Shell)仅会加快后续加载的交付速度。
推荐采取的策略:将一个 AMP 网页作为您网站的进入点,然后让 PWA 在后台做好准备并切换到 PWA 以便用户继续浏览之旅。
amp-install-serviceworker
将 AMP 关联到 PWA。 将 AMP 网页作为 PWA 的数据源
AMP 网页的核心特征之一是易于嵌入且嵌入过程十分安全,这也是越来越多的平台乐于分发和提供 AMP 网页的原因。
如果您要构建渐进式 Web 应用,则可享受到同样的便利,并可通过将 AMP 网页重复用作 PWA 的数据源来大幅降低后端和客户端的复杂性。
-
Written by @pbakaus