有没有更好的图片懒加载方案？

Question

我在做图片封装的时候，想增加懒加载功能，但是我发现要么就是通过监听滚动去做，要么就是通过父组件设置观察者IntersectionObserver去做，自带的懒加载又不适合在Chrome使用，所以就变成了要么通过大量的监听，要么就是无法独立完成，想问问还没有其他更好的方案

Answer 1

<img> 标签自19年之后有一个 loading="lazy" 的可用属性了支持原生懒加载特性 👉 #loading <img> - HTML | MDN。

并且兼容性也已经很好了，主流浏览器都已经支持了

具体使用方法可以看张鑫旭大佬的这篇文章 👉 浏览器IMG图片原生懒加载loading=”lazy”实践指南 « 张鑫旭-鑫空间-鑫生活

---

本文参与了SegmentFault 思否面试闯关挑战赛，欢迎正在阅读的你也加入。