只有当图片进入视口(用户可见区域)时才开始加载。使用 Intersection Observer API 可以高效实现。
懒加载可以节省 30-60% 的带宽,大幅提升首屏加载速度,特别是在移动端效果显著。
loading="lazy" 属性是最简单的方式,现代浏览器都支持。需要更多控制时使用 Intersection Observer。
loading="lazy"