用 PerformanceObserver 抓取长任务：定位页面卡顿的另一种思路
原创
用 PerformanceObserver 抓取长任务：定位页面卡顿的另一种思路
用户12771345
发布于 2026-09-21 10:14:46
发布于 2026-09-21 10:14:46
概述
页面滚动时偶尔出现掉帧，点击按钮后 UI 要愣一下才响应，这类现象多半和主线程被长时间占用有关。浏览器提供了 Long Tasks API，可以监测执行时间超过 50ms 的任务，而 PerformanceObserver 是消费这些数据的标准入口。相比在代码里到处埋 performance.now() 手动打点，PerformanceObserver 能持续监听 longtask 类型的性能条目
原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。
如有侵权，请联系 cloudcommunity@tencent.com 删除。
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号