srcset hiDPI图像的Pagespeed洞察力惩罚

问题描述

我正在使用srcset，使用srcset在具有高像素密度的显示器上提供高分辨率图像；

<picture>
    <source srcset="/images/512x256.webp 512w,/images/1024x512.webp 2x,images/1536x1024.webp 3x" type="image/webp">
    <source srcset="/images/512x256.jpg" type="image/jpeg">
    <img src="/images/512x256.jpg" alt="Image">
</picture>

效果很好，但是Pagespeed的见解抱怨并告诉我，我应该为移动设备提供正确格式的图像。 srcset的想法是为浏览器提供更高分辨率的多个版本。当然，3倍图像的大小是1倍图像的3倍。我所要做的就是为浏览器提供多个版本，因此它有可能为具有高DPI的设备提供hq图像。浏览器可以根据设备和情况做出明智的决定，并提供最佳图像。 那么，为什么Pagespeed洞察力会带来这种损失？

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）