图片懒加载,加速页面

懒加载是指浏览器只在图片快要滚动到可视区域时才下载它，而不是一次性全部加载。这能减小初始页面体积、加快首屏。

最简单的做法

给 <img> 加属性： <img src="photo.jpg" loading="lazy" alt="..."> 就这样——现代浏览器原生处理其余的。

什么时候**不要**懒加载

首屏立即可见的图片（hero 大图、logo）别懒加载——那会延迟它们、拖累 LCP 分数。

懒加载和「本就很小的文件」最搭。先用压缩图片瘦身，或转成 WebP。