我标记了一个属性 img loading=“lazy“

img属性loading

一个属性实现图片懒加载。

<!-- 示例代码 -->
<img src="demo.jpg" alt="示例图片" loading="lazy">

参数：

值	描述
eager	默认，图像立即加载。
lazy	图像延迟加载，只有鼠标滚动到该图片所在位置才会显示。

注：
1、大多数现代浏览器都支持 loading="lazy" 属性，但在一些较旧的浏览器中可能不被支持。

2、尽量不要在首屏使用，因为 Chrome 不会在预加载扫描程序中预加载loading=lazy图像的。

---