Google Lighthouse：使用错误的 SRCSET 图像

编程问答 2022-05-25

问题描述

我正在使用图像滑块（owl carousel 2）并实现了如下图像：

<img loading="lazy" itemprop="image" srcset="
image-320.jpg 320w,image-480.jpg 480w,image-640.jpg 640w" 
sizes="(max-width: 680px) 320px,480px" 
src="image-640.jpg"
width="480" height="720">

在 Chrome Dev Tools for MOBILE 视图中运行 Lighthouse 时，我收到（除其他外）以下“投诉”：

**Properly size images**
Serve images that are appropriately-sized to save cellular data and improve load time.

由此灯塔指的是image-640.jpg

但是，根据我的图像标签中的定义，应该考虑 image-320.jpg 。至于 SRC 属性，我想保留 image-640.jpg 变体。

我的图片标签的结构有什么问题吗？

非常感谢，并致以最良好的祝愿， 亚历克斯

解决方法

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

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

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

imageimagelighthouseresponsiveresponsive-designsrcset