image - AMP HTML 如何支持图像优化？

Question

到目前为止，我发现 AMP HTML 极大地支持加速 JavaScript、CSS 和一般的页面渲染。

然而，根据我的经验，另一个重要的速度主题是图像。

AMP HTML 如何解决此问题，以便针对当前查看设备（平板电脑、移动设备）和带宽（WLAN、3G、Edge）完美压缩和调整图像大小

Answer 1

在此 GitHub 页面上简要提及：

AMP HTML 运行时可以有效地管理图像资源，根据视口位置、系统资源、连接带宽或其他因素选择延迟或优先加载资源。

基本上，javascript 库在请求图像资源时会更加智能，这比浏览器现在所做的更进一步：即在后台加载所有图像。这将更有效地利用可用带宽。

Answer 2

AMP 的图像元素 amp-img 在所有浏览器中都支持srcset（包括对 Safari 本身不提供的 w 修饰符的支持）和 sizes 属性，因此您可以使用现代响应技术来选择正确的图像。

目前 AMP 本身不做任何图像优化。我们可能会开始将 srcset 属性添加到代理层上没有它的图像，但目前还没有发生。