使用 AMP 优化器
重要提示:此文档不适用于您当前选择的格式 广告!
AMP 优化器是将 AMP 缓存优化引入您自己站点的工具。使用 AMP 优化器是创建出色页面体验和实现核心 Web 指标合规性的关键。如果您想了解有关 AMP 优化器工作原理的更多信息,请查看我们的详细 AMP 优化指南。
AMP 本身不就很快吗?
您可能会想:等等 – AMP 不应该是开箱即用的快速吗?您是对的:AMP 运行时针对速度进行了优化,并且所有有效的 AMP 页面都加载很快。但是,您可以在服务器上实现其他性能优化,以帮助浏览器更快地加载 AMP 页面。
最初,AMP 缓存服务了大多数 AMP 页面。这些缓存对页面执行额外的优化,以保证强大的用户体验。但是,随着时间的推移,越来越多的表面开始链接到 AMP 页面,开发人员开始使用 AMP 构建整个网站。这就是为什么 AMP 团队开始致力于 AMP 优化器,以允许每个人在自己的来源上提供具有类似 AMP 缓存性能的 AMP 页面的原因。
集成 AMP 优化器
有三种使用 AMP 优化器的方法
- 使用具有内置优化器集成的站点生成器或 CMS。
- 将 AMP 优化器集成到您的构建系统或服务器中。
- 将 AMP 优化器集成到您的托管环境中。
CMS 和站点生成器
发布优化的 AMP 的最佳方法是使用具有内置 AMP 优化器支持的站点生成器或 CMS。在这种情况下,您的 AMP 页面将自动优化。目前,以下站点生成器和 CMS 集成了 AMP 优化器
- WordPress 通过 AMP WordPress 插件
- Next.js
- Eleventy 通过 eleventy-amp-plugin
- create-amp-page-starter 通过 AMP 优化器 (Node.js) 与 netlifycms
- 添加您的?
自定义构建或服务器集成
您也可以自己集成 AMP 优化器。有多种可用的开源 AMP 优化器实现
- AMP 优化器 (Node.js):一个基于 Node.js 的库,用于生成优化的 AMP。查看我们在 amp.dev 上的入门指南。该实现由 AMP 团队维护。
- 用于 PHP 的 AMP 工具箱:一个基于 PHP 的库,用于生成优化的 AMP。该实现由 AMP 团队维护。
- amp-renderer (Python):Node AMP 优化器的 Python 端口。
对于由您的服务器动态呈现的页面和静态站点,有不同的集成
- 构建时:对于静态站点,最好在构建过程中优化 AMP 页面。这种方法是理想的,因为优化 AMP 页面不会影响服务性能。查看此示例,了解 AMP 优化器 + Gulp 集成。
- 渲染时:如果网站具有更动态的性质或无法静态应用转换,则可以在服务器中呈现 AMP 文档后执行优化。在这种情况下,为了确保快速服务时间,最好缓存转换后的页面以供后续请求使用。缓存可以在 CDN 级别、站点的内部基础结构(例如:Memcached)甚至服务器本身上进行,如果页面集足够小以适合内存。要了解有关此方法的更多信息,请查看此演示,将 AMP 优化器集成到 Express.JS 中。
托管服务提供商集成
某些托管服务提供商允许在部署或提供网页时运行自定义逻辑。这可能是集成 AMP 优化器的绝佳选择。示例集成包括
-
由 @sebastianbenz 撰写