ral*_*lex 6 image lighthouse responsive-design srcset responsive
我正在使用图像滑块(猫头鹰旋转木马 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">
Run Code Online (Sandbox Code Playgroud)
在 Chrome 开发工具中针对移动视图运行 Lighthouse 时,我收到(除其他外)以下“投诉”:
**Properly size images**
Serve images that are appropriately-sized to save cellular data and improve load time.
Run Code Online (Sandbox Code Playgroud)
由此 Lighthouse 引用image-640.jpg
然而,根据我的图像标签中的定义,应该考虑 image-320.jpg 。至于 SRC 属性,我想保留 image-640.jpg 变体。
我的图片标签的结构有问题吗?
预先非常感谢并致以最良好的祝愿,亚历克斯
归档时间: |
|
查看次数: |
836 次 |
最近记录: |