此博客是我们将 AMP 的路线图与更广泛的网络社区分享的一系列博客的一部分。
我们在 2019 年 AMP 大会(我们的旗舰会议)上,在东京的一个春天的早晨首次公布了我们对 AMP 作为一项服务 的愿景。我们谈论了工程团队如何通过使用 AMP 来加速他们的工作流程。那么,自从我们上次谈论 AMP 作为一项服务以来,发生了哪些变化?AMP 的未来会是什么样子?在今天的文章中,我们想提供一些关于我们 2020 年路线图的进一步见解。
什么是 AMP 作为一项服务?
AMP 作为一项服务是我们专注于使 AMP 成为开发人员创建高质量网络体验的最简单方法,而无需承担性能和基础设施等问题。AMP 的“常青”发布计划也意味着,一旦创建,这些 AMP 体验会随着时间的推移而得到改善,变得更快、更令人愉悦,而无需 AMP 用户投入额外的工程资源。
上个月,谷歌宣布了核心网页指标计划,以重点关注一组真实用户性能和体验指标,所有网站所有者都应对其进行衡量。AMP 项目 分享 了大多数 AMP 页面加载已经满足核心网页指标中设定的阈值,这些指标是 新宣布的 谷歌搜索 页面体验排名信号 的关键组成部分。这意味着 AMP 确实正在实现其成为创建出色用户体验的明智路径的目标。
现在,比以往任何时候都更重要的是,AMP 项目需要继续投资 AMP,以帮助开发人员在创建和维护出色页面体验的同时,提高开发人员的生产力。我们渴望在 2020 年及以后完成这项工作。
选择 AMP First 以提高生产力
在选择创建 AMP 页面时,开发人员可以选择在提供配对的 AMP 页面(为其 HTML 页面创建 AMP 等效项)或让其规范体验由 AMP 提供支持之间进行选择。虽然配对的 AMP 是以最少的工作量开始创建 AMP 页面的好方法,但开发团队应该考虑如何才能在长期内提高自己的生产力,同时创建能够在核心网页指标方面表现良好的页面。
利用 AMP First 方法的开发人员将看到他们的网站从台式机、移动设备和其他设备上的性能和 UX 优化中受益。这就是我们鼓励开发人员利用这个机会考虑投资 AMP First 的原因。以下是一些可以遵循的策略:
- 将 AMP 用于可以从 AMP 的性能和用户体验中受益的那些体验子集。
- 如果 AMP 使您的团队更具生产力并改善用户体验,则对整个网站完全采用 AMP First。
AMP 优化器:大规模的网络开发最佳实践
AMP 页面的服务器端优化 是我们从 AMP 中汲取经验并将其提供给更广泛受众的另一个领域。
在 AMP 项目的开始阶段,AMP 页面主要从 AMP 缓存中提供服务,这些缓存执行额外的优化,从而实现了 AMP 的强大用户体验。但是,随着时间的推移,更多表面开始链接到 AMP 页面,开发人员开始使用 AMP 来构建整个网站。这导致更多 AMP 页面从源代码提供服务,在源代码中,还有改进 AMP 加载性能的空间。为了解决这个问题,我们创建了 AMP 优化器,这是一个将 AMP 缓存优化带到源代码体验的工具。
我们对官方 AMP 网站 amp.dev 使用 AMP 优化器,通过这样做,我们实现了与从 AMP 缓存提供页面时相同的性能。AMP 优化器非常适合我们对 AMP 作为一项服务的理念。它使我们能够自动化网络开发最佳实践,例如图像优化或 ESM 模块支持。查看如何在 本指南 中集成 AMP 优化器!
AMP 优化器 ❤️ 框架和 CMS
我们的目标是通过将 AMP 优化器无缝集成到框架和 CMS 中,使其轻松发布优化的 AMP。
Next.js 集成 是一个完美的例子,说明了出色的 AMP 开发体验是什么样的。Next.js 具有特殊的 AMP 模式,该模式会生成有效的 AMP 页面。最酷的事情是,您可以立即开始使用 AMP 组件,而无需担心 AMP 模板或导入 AMP 组件。所有这些都由集成到 Next.js 中的 AMP 优化器自动添加。
另一个例子是官方的 AMP WordPress 插件,它默认发布优化的 AMP。这意味着,如果您使用官方的 AMP WordPress 插件,您将立即获得 AMP 缓存般的性能。
结论
我们才刚刚开始。AMP 项目贡献者将继续努力,确保网站所有者在创建 AMP 页面时以最少的持续工作量获得最强大的性能和用户体验。
作者:Naina Raisinghani,AMP 项目产品经理和 Sebastian Benz,谷歌开发者倡导者