用户12771345
别再用 setTimeout 猜时间了:IntersectionObserver 实现图片懒加载的完整实践
原创
关注作者
腾讯云
开发者社区
文档
建议反馈
控制台
登录/注册
首页
学习
活动
专区
圈层
工具
MCP广场
文章/答案/技术大牛
搜索
搜索
关闭
发布
用户12771345
社区首页
>
专栏
>
别再用 setTimeout 猜时间了:IntersectionObserver 实现图片懒加载的完整实践
别再用 setTimeout 猜时间了:IntersectionObserver 实现图片懒加载的完整实践
用户12771345
关注
发布于 2026-09-22 09:45:10
发布于 2026-09-22 09:45:10
61
0
举报
概述
做商品列表页或者信息流的时候,图片懒加载几乎是绕不开的需求。早几年大家习惯监听 scroll 事件,配合 getBoundingClientRect 手动计算元素是否进入视口,再写个节流函数控制触发频率。这套方案能跑,但坑不少:滚动过程中频繁触发布局计算,主线程压力大;快速滚动时容易漏掉元素;还要处理不同浏览器的兼容差异。后来不少团队换成 IntersectionObserver,它把“元素何时进
原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。
如有侵权,请联系
cloudcommunity@tencent.com
删除。
浏览器
问题归档
专栏文章
快讯文章归档
关键词归档
开发者手册归档
开发者手册 Section 归档