从一次页面卡顿排查说起：理解浏览器的主线程与长任务

超哥前端记录

发布于 2026-10-07 09:45:54

260

概述

上周同事反馈一个后台管理页面在点击「导出报表」后，整个界面会冻结两三秒，按钮点不动，下拉框也打不开。这个页面本身并不复杂，只是从接口拉几千条数据然后渲染到表格里，但卡顿程度完全不像几千行 DOM 该有的表现。打开 Performance 面板录制后发现，主线程上出现了一个接近 2 秒的 Long Task，期间没有任何渲染机会，用户的任何交互都被阻塞。这类问题在前端非常常见，尤其是在处理大量数据、

原创声明：本文系作者授权腾讯云开发者社区发表，未经许可，不得转载。

如有侵权，请联系 cloudcommunity@tencent.com 删除。

浏览器

从一次页面卡顿排查说起：理解浏览器的主线程与长任务

从一次页面卡顿排查说起：理解浏览器的主线程与长任务

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐