懒加载 Lazy Loading
一句话定义
图片或内容在用户滚动到可视区域时才加载。
打个比方 Analogy
上菜一道一道上，而不是全摆桌上。你吃到哪，菜上到哪。
岗位实战怎么做 In Practice
使用原生 loading="lazy" 属性（现代浏览器支持）。或使用 JavaScript 库（如 Lozad.js）实现更精细控制。对首屏图片不要使用懒加载（会影响 LCP）。
案例与避坑 Pitfalls
确保懒加载有占位符（Placeholder），避免 CLS（布局偏移）。使用 aspect-ratio CSS 属性预留空间。