AMP HTML 如何支持图片优化?

How does AMP HTML support image optimization?

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

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

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

Brief mention on this GitHub page:

The AMP HTML runtime can effectively manage image resources, choosing to delay or prioritize resource loading based on the viewport position, system resources, connection bandwidth, or other factors.

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

AMPs 的图像元素 amp-img 支持 srcset(包括对 Safari 中原生不可用的 w 修饰符的支持)和所有浏览器中的 sizes 属性,因此您可以使用现代响应技术 select 右图。

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