使用 AMP 优化器
重要提示:本文档不适用于您当前选择的格式 email!
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 团队维护。
- AMP Toolbox for PHP:一个基于 PHP 的库,用于生成优化的 AMP。该实现由 AMP 团队维护。
- amp-renderer (Python):Node AMP 优化器的 Python 端口。
对于由您的服务器动态渲染的页面和静态站点,有不同的集成
- 构建时:对于静态站点,最好在构建过程中优化 AMP 页面。这种方法是理想的,因为优化 AMP 页面不会影响服务性能。查看 此示例,了解 AMP 优化器 + Gulp 集成。
- 渲染时:如果网站具有更动态的性质或无法静态应用转换,则可以在服务器中渲染 AMP 文档后执行优化。在这种情况下,为了确保快速的服务时间,最好缓存转换后的页面以供后续请求。缓存可以在 CDN 级别、站点的内部基础设施(例如:Memcached)上进行,甚至可以在服务器本身上进行,如果页面集足够小以适合内存。要了解有关此方法的更多信息,请查看 此演示,将 AMP 优化器集成到 Express.JS 中。
托管服务提供商集成
某些托管服务提供商允许在部署或服务网页时运行自定义逻辑。这可能是集成 AMP 优化器的绝佳选择。示例集成包括
-
撰写者: @sebastianbenz