Chrome开发者工具性能面板中“Experience”指标含义及高占比疑问

• 「Experience」是Chrome DevTools性能面板最近新增的分类项，专门把和用户体验直接相关的浏览器底层操作整合到一起，方便开发者快速定位交互响应类的性能问题。
• 它涵盖的操作类型包括：
  • 各类输入事件的底层处理：比如鼠标点击、移动，键盘输入这些用户交互的后台处理逻辑
  • 计时器相关的调度与执行：setTimeout、setInterval的回调触发管理
  • 动画帧调度：和requestAnimationFrame相关的回调调度逻辑
  • 浏览器为保障交互流畅性做的内部优化操作，比如输入延迟控制、响应优先级调度
• 你看到它占用大量CPU，大概率是因为Canvas游戏里频繁的用户交互（比如持续的鼠标移动）、高频触发的计时器或动画帧回调——单个操作看似简单，但累积起来就会吃掉不少CPU资源。
• 调试方向：可以继续展开子项，找到占比最高的具体操作（比如某一个鼠标事件回调、某个触发太勤的计时器），检查是不是有多余的事件监听、计时器间隔设得太短，或者事件处理逻辑里有没必要的重复计算。

内容的提问来源于stack exchange，提问作者John Smith