如何解决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 举报,一经查实,本站将立刻删除。