用 IntersectionObserver 优化长列表图片懒加载:从 scroll 事件到原生观察者
长列表页面里图片懒加载几乎成了标配,但很多实现还停留在监听 scroll 事件、手动计算 getBoundingClientRect 的阶段。这样做在滚动频繁时容易触发大量强制重排,主线程被计算占满,滚动掉帧明显;同时 throttle 的间隔也很难调,短了浪费性能,长了图片出现太晚。常见原因是对浏览器原生 IntersectionObserver 不熟悉,或者担心兼容性。这篇文章围绕一个电商商品列表的真实场景,先复现 scroll 方案的性能瓶颈,再给出基于 IntersectionObserver 的完...