大前端性能优化新范式：AI 火焰图在亿级App中的落地

大前端性能优化新范式—AI火焰图在亿级App中的落地快手/大前端性能负责人01为什么需要AI分析火焰图?02FlameEye的AI技术实现03FlameEye的AI评测体系04总结和展望背景：快手性能发展历程20262026智能化（智能化（Agentic）2025智能化（智能化（Agent）20222020体系化基础化基础化背景：大前端火焰图的“巴别塔”问题前端火焰图自研火焰图背景：大前端火焰图分析的挑战分析覆盖分析门槛分析孤岛分析效率分析覆盖分析门槛分析孤岛海量Trace需人工逐层分背景：FlameEye介绍1Agent一站式分析火焰图2Agent对话分析火焰图3Agent批量火焰图分析FlameEye的AI技术实现FlameEye：设计理念抓取火焰图专家分析产出分析报告业务解决监督者上传产出FlameEye：拆解思路沙盒式问题解决解决问题分析问题专家级问题分析发现问题无死角问题发现发现问题性能优化全流程FlameEye：发现问题-有哪些场景？FlameEye：发现问题-全面打通发出指令发出指令发现问题优化智能分析线上线下FlameEye：分析问题-整体思路…返回记忆系统专家策略专家策略火焰图调用结果合成者合成s返回汇总编排者数据库LLMFlameEye：分析问题-编排者FlameEye：分析问题-Agent群有火焰图数据库、分析场景，AI能否自主完成分析？FlameEye：分析问题-Agent群以页面启动为例•分析起点、结束点是哪里？•分析的关键链路是什么？FlameEye：分析问题-Agent群规则引擎大模型引擎规则引擎界定问题性能监控界定问题性能监控火焰图场景场景分析结论组织上下文压缩上下文“双引擎”驱动：规则引擎致力于领域划分、聚焦上下文，大模型引擎致力于垂直领域经验FlameEye：分析问题-最后一公里FlameEye：分析问题-最后一公里基于火焰图Slice映射代码位置深度结合业务领域知识，从现象到本质的“跃迁”FlameEye：分析问题-最后一公里源码服务规则引擎预处理火焰图抓取源码服务规则引擎预处理标准化接口：封装代码读取能力全链路朔源：标准化接口：封装代码读取能力全链路朔源：支持多源仓库路由代码定位代码理解根因分析源码可见移动端：精准插装、代码定位代码理解根因分析com.k.a#func子仓库：依赖模块com.k.a.c#func子仓库：依赖模块com.k.b.a.j.k.f.e.c.#com.k.b.a.j.k.f.e.c.#func插装可朔源插装可朔源FlameEye：分析问题-合成者分析问题：反馈沉淀与能力进化FlameEye：解决问题沙盒环境沙盒环境仓库管理分析结论分析结论提示词编码管理修复大模型思考观察修复大模型思考观察“沙盒”修复：“沙盒”修复：构建可靠、定制的沙盒环境，赋予AI自由探索和解决问题的能力FlameEye：案例能问题：*********************分析结论分析结论Trace文件FlameEye：成果火焰图分析多页面启动耗时多页面发热率反馈记录持续优化FlameEye的AI评测体系FlameEye：评测体系-整体思路评测结果评测结果评测指标通过率/SLA/Token消耗评测记录评测复盘失败样本/失败原因评测执行规则评估器脚本评估器评测样本人工输入样本集成Prompt调整上下文优化猎手对抗裁判FlameEye：评测体系-落地方案评测结果反哺评测结果反哺人工评估评估结果反哺性能&成本优化猎手Agent调用集评测指标子集评测结果对抗Agent验证集裁判Agent评估度确认有效问题·沉淀评测执行环境估果化录FlameEye：评测体系-案例对抗评测裁判评测》总结和展望FlameEye：总结发现问题Agent分析问题Agent发现问题Agent分析问题Agent无死角问题本质安全可靠拆解逻辑线上线上做功路径规则引擎仓库管理多平台线下数据库规则引擎仓库管理多平台线下多格式编排者双引擎合成者多格式编排者双引擎合成者多场景优化大模型引擎场景编码管理多场景优化大模型引擎场景