srcset hiDPI图像的Pagespeed洞察力惩罚

时间:2020-09-04 06:31:09

标签: html webp srcset pagespeed-insights

我正在使用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洞察力会带来这种损失?

0 个答案:

没有答案