【问题标题】:How does AMP HTML support image optimization?AMP HTML 如何支持图像优化?
【发布时间】:2015-12-22 02:15:23
【问题描述】:

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

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

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

【问题讨论】:

  • <html ⚡> 可爱的 zap 符号。

标签: image amp-html


【解决方案1】:

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

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

【讨论】:

    【解决方案2】:

    Brief mention on this GitHub page:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-04-17
      相关资源
      最近更新 更多