【发布时间】:2019-06-11 07:52:09
【问题描述】:
谷歌页面速度洞察力说要在我们的网页中使用下一代图像文件格式来加快速度,但众所周知,大多数浏览器不支持这些格式,例如 JPEG 2000、JPEG XR,但 WebP 格式支持几个浏览器。但是我想知道为什么谷歌测试告诉我们这样做。我们能否像处理不同的屏幕尺寸一样为图像格式的可支持性做一个解决方法?
【问题讨论】:
标签: image jpeg webp jpeg2000 jpeg-xr
谷歌页面速度洞察力说要在我们的网页中使用下一代图像文件格式来加快速度,但众所周知,大多数浏览器不支持这些格式,例如 JPEG 2000、JPEG XR,但 WebP 格式支持几个浏览器。但是我想知道为什么谷歌测试告诉我们这样做。我们能否像处理不同的屏幕尺寸一样为图像格式的可支持性做一个解决方法?
【问题讨论】:
标签: image jpeg webp jpeg2000 jpeg-xr
Lighthouse 收集页面上的每个 BMP、JPEG 和 PNG 图像,然后将每个图像转换为 WebP。如果潜在节省少于 8KB,Lighthouse 会在其报告中忽略该图像。
还建议使用不支持下一代格式的其他浏览器后备。一种这样的方法是使用Modernizr --> link to Google docs
还有一个 SO answer 具有不同的实现选项
【讨论】: