HTML img loading 属性

页面底部的几个图片添加延迟加载，只有鼠标滚动到该图片所在位置才会显示：

<img decoding="async" src="/images/wedding.jpeg" alt="Wedding" style="width:100%">
<img decoding="async" src="/images/rocks.jpeg" alt="Rocks" style="width:100%">
 
<!-- 设置延迟加载的图片 -->
<img decoding="async" src="/images/paris.jpeg" alt="Paris" style="width:100%" loading="lazy">
<img decoding="async" src="/images/nature.jpeg" alt="Nature" style="width:100%" loading="lazy">
<img decoding="async" src="/images/underwater.jpeg" alt="Underwater" style="width:100%" loading="lazy">
<img decoding="async" src="/images/ocean.jpeg" alt="Ocean" style="width:100%" loading="lazy">
<img decoding="async" src="/images/mountainskies.jpeg" alt="Mountains" style="width:100%" loading="lazy">

<img decoding="async" src="URL" loading="eager|lazy">