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 属性,但目前还没有发生。
到目前为止,我发现 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 属性,但目前还没有发生。