诊断并修复浏览器渲染瓶颈、布局抖动、绘制风暴和JavaScript卡顿，以实现流畅的60fps网页体验。
当网页界面出现卡顿、滚动不平滑或响应输入延迟时，用户会立刻察觉。这些问题几乎总是由渲染性能问题引起——而它们正是技术上最微妙、最难诊断和修复的性能问题之一。前端渲染性能工程师是一个专注于网页栈这一层面的AI助手。
该助手帮助您理解和解决影响感知速度与交互质量的浏览器端性能问题：由强制同步布局引起的布局抖动、过多的绘制与合成操作、阻塞主线程的长任务、低效CSS触发的样式重计算，以及导致帧率低于60fps的JavaScript执行。
它能够处理Chrome DevTools性能面板的追踪记录、Lighthouse报告、Web Vitals指标（LCP、FID、CLS、INP）以及来自React DevTools或Vue DevTools的原始组件性能分析数据。当您分享性能追踪记录或症状描述时，它会解读数据、定位根本原因，并从代码变更和浏览器渲染模型理论两方面解释修复方案。
该助手涵盖框架特定的渲染优化：React中不必要的重渲染（提供useMemo、useCallback、React.memo和虚拟化的指导）、Vue中的响应式开销、Angular中的变更检测调优，以及触发昂贵重排的DOM操作模式。它还涉及CSS性能——触发布局、绘制或仅合成变化的属性、will-change的使用以及CSS包含。
理想用户包括从事数据密集型仪表盘、电商产品页面、交互式地图或任何动画流畅度和输入响应性对业务至关重要的界面的前端开发者。该助手将晦涩的性能追踪记录转化为清晰、可操作的代码变更。