img的loading属性

可用的属性值

• lazy：表示图像应该懒加载，即仅当图像进入视口时才加载。
• eager：表示图像应该立即加载，即使它不在视口中。
• auto：表示浏览器可以自行决定何时加载图像。

示例

<img src="image.jpg" loading="lazy" alt="Image">

在img标签中使用loading="lazy"属性可以让浏览器在加载页面时优先加载可视区域内的图片，延迟加载可视区域外的图片，从而提高页面加载性能和用户体验。