使用 AMP 缓存优化用户体验

Posted 2023-02-26

【中文标题】使用 AMP 缓存优化用户体验

【英文标题】：Using the AMP cache to optimize the user experience

【发布时间】：2017-02-08 18:37:29

【问题描述】：

我最近一直在阅读 AMP-CACHE，虽然 URL 将在 2017 年第一季度发生变化，但我想了解的问题是如何优化移动用户的体验。

如果您一开始认为 AMP 网页是向移动用户展示您的内容的最佳方式，那么如果他们通过 Google 找到网页的 AMP 版本，则不应通过链接将他们带到该网站的 AMP 版本。

在这种情况下，应该是 google AMP Cache 版本吗？

或网站创建的底层放大器版本。

在我们的例子中，我们创建了我们网站的 AMP 版本

http://amp.sportsmole.co.uk

您显然可以查看并链接到其中的页面，但某些文档的含义是使用 AMP 缓存版本会更好？

是这样吗？应该怎么做？

当我开始查看 AMP 页面时，我对此感到疑惑，但直到现在都忽略了它。但是，我对 AMP 缓存目标的了解越多，我就越想知道如何利用它。

任何人都对如何使用 AMP 缓存来确保用户获得最快的体验有任何想法。

【参考方案1】：

您可能想查看 Google 文档中的 Cache optimizations and modifications：

Google AMP 缓存执行优化和修改，例如：

验证内容是否真正采用 AMP 格式，满足所有 AMP 性能目标。 除了 AMP 文档之外，还缓存图像和字体。 限制最大图像尺寸以防止浏览器内存问题和响应速度不佳。 通过 amp-img 标签提高图像传递效率的各种转换，例如： 删除不可见或难以看到的数据，例如某些元数据。 将图像转换为更小且更适合移动设备的图像格式，例如在支持 WebP 的浏览器中将 GIF、PNG 和 JPEG 格式的图像转换为 WebP。 如果请求包含 Save-Data 标头，则将图像转换为较低质量。 生成不同大小的版本并添加 srcset 属性以支持交付响应大小的图像。 通过安全通道 (HTTPS) 提供服务并使用最新的网络协议（SPDY、HTTP/2）。 清理 AMP 文档以防止基于错误关闭的 html 标记、cmets 等的 XSS 攻击。

在进行上述转换时，Google AMP 缓存会忽略“Cache-Control: no-transform”标头。