讲座主题：当 React 变得像个便秘的乌龟——生产环境长任务监控实战 主讲人： 资深前端架构师（兼自封的“浏览器内部观察员”） 听众： React 开发者、前端性能优化狂魔、以及那些半夜被产品经理电话吵醒的人 各位同学，大家下午好。 （环顾四周，假装看到有人睡眼惺忪） 我知道你们在想什么。你们在想：“又是性能优化？又是首屏加载？能不能讲点别的？比如怎么在代码里写个‘Hello World’然后让老板觉得这代码值一百万？” 不，今天我们不谈那些虚头巴脑的。今天我们谈的是“卡顿”。就是当你点击一个按钮，界面像是在泥潭里游泳一样停顿了 0.5 秒，然后突然“嗖”地一下弹出来，把你的脑子甩得有点懵的那一瞬间。 在 React 的世界里，这通常意味着你的组件渲染时间超过了 16 毫秒。 是的，你没听错，16 毫秒。这是浏览器为了维持 60fps（每秒 60 帧）所给出的最高容忍度。如果你的渲染任务在 16ms 内没跑完，浏览器就会丢帧。用户就会感觉到卡顿。如果你的渲染任务超过 50ms，恭喜你，你触发了一个 Long Task（长任务）。 今天，我们要用浏览器最底层的武器——Long Task …
继续阅读“React 渲染帧率监控：在生产环境下利用 Long Tasks API 捕获 React 组件重绘导致的掉帧轨迹”