您可以使用延迟加载来优化网页上的图像以适配移动浏览。这有助于应对移动浏览的常见挑战，如网络连接缓慢或处理能力有限。
延迟加载有两个主要优势：
- 更快的页面加载速度 — 图像在用户向下滚动页面时加载，而不是在打开页面时一次性全部加载。
- 更低的图像交付成本 — 使用 Cloudflare Images 时，您只需为加载用户实际看到的图像付费。通过延迟加载，未滚动到视图中的图像不会计入您的 Images 可计费请求。
所有主流浏览器（包括 Chrome、Safari、Firefox、Opera 和 Edge）都原生支持延迟加载。
如果不修改 loading 属性，大多数浏览器会获取页面上的所有图像，默认优先加载最接近视口的图像。您可以通过修改 loading 属性来覆盖此行为。
<img> 标签有两种可能的 loading 属性：lazy 和 eager。
对于大多数图像，建议使用延迟加载。使用延迟加载时，资源（如图像）会延迟到它们到达距视口一定距离时才加载。如果图像未达到阈值，则不会被加载。
将 <img> 标签的 loading 属性修改为 "lazy" 的示例：
<img src="example.com/cdn-cgi/width=300/image.png" loading="lazy" />如果图像在视口中，建议使用即时加载（eager loading）而非延迟加载。即时加载在初始页面加载时加载资源，无论其在页面上的位置如何。
将 <img> 标签的 loading 属性修改为 "eager" 的示例：
<img src="example.com/cdn-cgi/width=300/image.png" loading="eager" />