用途：当用户要求优化性能、缩短加载时间、修复慢页面或审计 Core Web Vitals 时使用本技能。
主要能力与检查项： 打包体积：运行 npx @next/bundle-analyzer（Next.js）或 npx vite-bundle-visualizer（Vite）找出大依赖；寻找可替换为更轻方案的库（如 moment → date-fns、lodash → 单独导入或原生方法）；检查重复依赖；确认 tree-shaking 生效，避免 barrel 文件重导出引入未用代码。 渲染性能：识别不必要的重渲染，如 JSX props 中内联对象/数组/函数；检查渲染路径中应使用 useMemo 的高开销计算；确认列表 key 正确（动态列表不用数组索引）；排查布局抖动（循环中先读 DOM 测量再写样式）。 数据获取：识别请求瀑布，可用 Promise.all 并行化的顺序 API 调用；检查可移到服务端获取的客户端数据；检查大数据集缺少分页；确认 API 响应未过度获取。 数据库查询：查找 N+1 查询；检查 WHERE、ORDER BY、JOIN 列缺少索引；识别可用指定列 SELECT 替代 SELECT * 的查询；检查缺少连接池。 静态资源：确认图片使用 WebP/AVIF 等现代格式且尺寸合适；检查首屏以下图片缺少 loading="lazy"；确认字体使用 font-display: swap 并预加载；检查阻塞渲染的 CSS 或 JavaScript。 输出：生成按影响（高/中/低）排序并附预估工作量的优化建议清单。
使用方式：在 Cursor 中调用该技能，按上述步骤逐项审计并产出建议。
限制与注意：应关注可量化改进，使用 Lighthouse、WebPageTest 或 DevTools 的 Performance 面板；不要过早优化，先做性能分析再优化瓶颈；React 应用可用 React DevTools Profiler 定位慢组件。具体安装与调用细节资料未提供。