Lazy Load 与 Intersection Observer 在网站性能优化中的应用区别？

当需要优化网站加载性能时，Lazy Load（懒加载）是一种延迟加载非关键资源的策略，而Intersection Observer是实现该策略的技术工具，二者在定位与应用场景上存在核心区别。 定位与本质：Lazy Load是性能优化策略，核心目标是减少初始加载资源量，仅在资源进入视口时加载（如图片、视频）；Intersection Observer是浏览器提供的API，用于检测元素与视口的交叉状态，是实现懒加载的现代技术手段之一。 应用场景范围：Lazy Load专注于资源加载优化，场景单一；Intersection Observer应用更广，除懒加载外，还可用于视口内元素动画触发、无限滚动加载、广告曝光统计等视口交互场景。 实现方式与兼容性：传统Lazy Load多依赖scroll事件监听，易导致性能损耗；Intersection Observer通过异步回调机制，性能更优且兼容性良好（现代浏览器支持）。 实际优化中，若仅需基础懒加载，可直接使用Lazy Load策略结合Intersection Observer实现；若需复杂视口检测（如元素曝光追踪），Intersection Observer是更高效的选择。选择时可根据项目需求的复杂度与兼容性要求综合判断。