澎湃新闻
什么是图片懒加载 图片懒加载是一种延迟加载技术,核心思路是: 仅当图片即🌟将进入用户可视区域时,才开始加载该图片资源
其中, 图片懒加载 和 LCP(Largest Contentful Paint💯,最大内容绘制) 是两项直接决定首屏加载效率的技术指标
首屏图片不使用懒加载 将页面首屏内(通常指用户无需滚动即可看到的区域)的图片设置为 正常加载 ,即直接使用 <img src="真实地址">,不添加懒加载属性
使用 Lazy Loading 的阈值控制 如果自行实现懒加载逻辑,可以通过 Intersection Observer API 设定加载距离(例如 rootMargin: "200px" ),让图片在距离可视区域还有 200px 时就开始预加载
改善用户感知体验 :🔑用户滚动时图片逐步🌺出现,视觉上更流畅