如何根据性能面板中的调用关系找到真正的耗时根因？

# 核心结论

根据性能面板中的调用关系寻找根因，不能只选中最宽、总耗时最长或颜色最醒目的记录。父调用的总耗时通常包含全部子调用，它可能只是一个业务入口；真正消耗时间的可能是深层函数的自身耗时、某个被高频调用的小函数，或脚本触发的样式计算与布局。可靠方法是先限定发生卡顿的用户操作和时间窗口，再结合总体时间线、Bottom-Up、Call Tree、Event Log、网络活动与源码映射，依次回答“时间花在哪里”“谁发起了它”“事件以什么顺序发生”，最后通过修改或隔离变量验证假设。

# 底层机制

浏览器主线程以任务为单位执行脚本，同时处理输入、样式计算、布局和绘制准备。性能面板中的一条父事件如果显示一百毫秒，可