用途：识别并修复界面性能问题，覆盖加载速度、渲染、动画、图片和打包体积，目标是让体验更快更流畅。
主要能力：评估当前性能（Core Web Vitals 的 LCP、FID/INP、CLS，加载时间、打包体积、运行时帧率与内存、网络请求与瀑布流），定位瓶颈并制定系统优化方案。加载侧包括图片现代格式与响应式、懒加载、压缩与 CDN，JavaScript 代码分割、tree shaking、动态导入，CSS 精简与关键 CSS，字体 font-display 与子集化，以及预加载、预取、Service Worker、HTTP/2 或 HTTP/3。渲染侧包括避免布局抖动、批量读写、CSS contain、content-visibility、虚拟滚动，减少绘制与合成。动画侧强调用 transform 和 opacity 实现 GPU 加速、目标 60fps、requestAnimationFrame、防抖节流与 Intersection Observer。还涉及 React 的 memo、useMemo、useCallback、路由分割与 Profiler，以及网络请求合并、分页、GraphQL、压缩与缓存。
使用方式：先测量再优化，用 Chrome DevTools、Lighthouse、WebPageTest、Core Web Vitals、打包分析器和性能监控工具对比前后指标，并在真实设备与真实网络条件下验证，确保无功能回归。
适用场景：Web 前端性能诊断与优化，尤其是移动端、慢连接和长列表、重动画、大图片、大打包体积的页面。
限制：资料未提供安装命令、收费方式、平台支持与具体版本信息；优化需以实际测量为准，避免过早优化、牺牲可访问性或破坏功能。