用途:诊断前端“感觉慢”和可测量慢的问题,定位用户等待点,逐个决定是消除(乐观 UI、预加载、批处理)还是掩盖(骨架屏、渐进加载),并落地实现;同时输出按用户影响排序的性能审计与可运行代码。适用于交互卡顿、乐观 UI、Core Web Vitals 整改、预加载/预判加载、请求批处理与去重、布局偏移修复等;后端或查询延迟本身不在该技能范围内,只做标记。
主要能力:先检查代码库(数据层用原生 fetch/axios 还是 TanStack Query、SWR、Apollo、RTK Query;是否存在等待模式如阻塞式 mutation、串行 await、重复请求;布局偏移来源如无尺寸图片、字体切换、无预留广告位;既有测量手段与打包体积信号),只询问检查后仍缺的信息。工作流按感知等待分类处理(<100ms 无需处理;100ms–1s 用本地即时反馈;1s–10s 优先消除否则用骨架/加载指示;>10s 显示真实进度并考虑后台化)。对每个 mutation 按失败代价决定乐观或悲观策略,并要求快照、精确回滚和用户可见失败提示。优先消除等待(并行/批处理、去重、预判预取、缓存复用),再掩盖剩余等待,最后按真实阈值修复 LCP≤2.5s、INP≤200ms、CLS≤0.1(字段数据 75 分位)。交付代码与含 Summary、Measurements、Findings & fixes、Mutation strategy table、Not done 的 Markdown 审计,只用实际测量的数字并标注 lab 或 field。
限制与注意:不得编造进度百分比或时间估计;支付、实际发送、无撤销的破坏性操作不得使用乐观 UI;未实测的分数不得引用;不能为优化分数使用损害真实体验的技巧;掩盖效果需尊重 prefers-reduced-motion 且错峰时长有上限。若能运行环境,需前后用同一工具复测;无法测量时给出修复加验证说明。安装命令与具体代码示例资料暂未提供。