IMG 图片原生懒加载 loading="lazy"

使用 HTML 原生方案实现图片的懒加载，人上了年纪很多属性不想去死记硬背了，每次用都要百度，我这次还是写篇文章记录一下吧

语法规范

HTML loading 属性适用于 img 和 iframe，语法规范见 HTML Standard - Lazy loading attributes。

属性的 值默认值 和 无效值 都是 Eager 状态。

实际应用

<img loading="lazy" src="./example.jpg" />

滚动即会触发图片懒加载，不会说滚动一屏后再去加载。