使用 AMP 优化器
AMP 优化器是可将 AMP 缓存优化带到您自己站点的工具。使用 AMP 优化器是创建出色页面体验和实现核心网页指标合规性的关键。如果您想了解有关 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 撰写