AMP

使用 AMP 优化器

AMP 优化器是将 AMP 缓存优化引入您自己站点的工具。 使用 AMP 优化器是创建出色页面体验并实现核心 Web 指标合规性的关键。 如果您想了解有关 AMP 优化器如何工作的更多信息,请查看我们的详细的 AMP 优化指南

AMP 本身不是已经很快了吗?

您可能在想:等等——AMP 不是应该开箱即用就很快吗? 你说的没错:AMP 运行时针对速度进行了优化,所有有效的 AMP 页面加载速度都很快。 但是,您可以在服务器上实施其他性能优化,以帮助浏览器更快地加载 AMP 页面。

最初,AMP 缓存服务了大多数 AMP 页面。 这些缓存对页面进行了额外的优化,以保证良好的用户体验。 但是,随着时间的推移,越来越多的界面开始链接到 AMP 页面,开发人员开始使用 AMP 构建整个网站。 这就是为什么 AMP 团队开始研究 AMP 优化器,以允许每个人在其自己的来源上提供具有类似 AMP 缓存性能的 AMP 页面的原因。

集成 AMP 优化器

有三种使用 AMP 优化器的方法

  1. 使用具有内置优化器集成的站点生成器或 CMS。
  2. 将 AMP 优化器集成到您的构建系统或服务器中。
  3. 将 AMP 优化器集成到您的托管环境中。

CMS 和站点生成器

发布优化的 AMP 的最佳方法是使用具有内置 AMP 优化器支持的站点生成器或 CMS。 在这种情况下,您的 AMP 页面将自动优化。 目前,以下站点生成器和 CMS 集成了 AMP 优化器

自定义构建或服务器集成

您也可以自己集成 AMP 优化器。 有多个可用的开源 AMP 优化器实现

对于服务器动态渲染的页面和静态站点,有不同的集成

  1. 构建时:对于静态站点,最好在构建过程中优化 AMP 页面。 这种方法是理想的,因为优化 AMP 页面不会影响服务性能。 查看此示例以了解 AMP 优化器 + Gulp 集成
  2. 渲染时:如果网站具有更动态的性质或无法静态应用转换,则可以在服务器中渲染 AMP 文档后执行优化。 在这种情况下,为确保快速的服务时间,最好缓存转换后的页面以供后续请求使用。 缓存可以发生在 CDN 级别、站点内部基础设施(例如:Memcached)上,甚至发生在服务器本身上(如果页面集足够小以放入内存)。 要了解有关此方法的更多信息,请查看此演示,其中将 AMP 优化器集成到 Express.JS中。

托管服务提供商集成

一些托管服务提供商允许在部署或提供网页时运行自定义逻辑。 这可能是集成 AMP 优化器的一个不错的选择。 集成示例包括