用途：面向 React + Vite 应用的性能优化，目标为初始 JS（gzip）小于 300KB、FCP 小于 1.5s、TTI 小于 3s、LCP 小于 2.5s、CLS 小于 0.1。资料标注目标版本 React 19+ / Vite 6+，最后验证时间 2026 年 4 月。
主要能力：一是 Vite 构建配置，包括 target、minify、sourcemap、manualChunks 分包与 chunkSizeWarningLimit，以及 optimizeDeps 预打包。二是打包分析，安装 npm install -D rollup-plugin-visualizer 并在 plugins 中配置 visualizer({ filename: 'dist/stats.html', gzipSize: true })。三是代码分割，提供基于路由（createBrowserRouter + lazy + Suspense）和基于组件（lazy 导入 Chart 等）两种方式，并给出 hover 预加载示例。四是现代 React 模式：React 19 编译器自动记忆化（babel-plugin-react-compiler）、use() 读取 Promise、useTransition 处理非紧急更新。五是 TanStack Query 优化，包括 staleTime、gcTime、refetchOnWindowFocus、retry 与乐观更新。六是资源优化：图片 lazy loading、fetchpriority、字体 font-display: swap 与 preload。七是 Web Vitals 监控，使用 web-vitals 的 onCLS、onINP、onLCP、onFCP、onTTFB，资料说明 INP 于 2024 年 3 月替代 FID。
使用方式：按资料示例配置 vite.config.ts，安装对应依赖，按需引入 lazy、Suspense、useTransition 等；打包分析命令为 npm install -D rollup-plugin-visualizer。
适用场景：React + Vite 单页应用性能调优、首屏加载优化、包体积控制与运行时交互性能改进。
限制：资料未提供具体安装版本号、完整配置项说明、实测数据或平台兼容性细节，部分内容需结合项目实际验证。