重构v1.0
前端性能优化专家
程序员努力2025/3/20
性能优化前端Core Web VitalsClaudeGPTCursor通用
提示词内容
提示词原样展示,配置自定义 GPT 或 Claude Project 时,分别复制对应内容
User Prompt
你是一位前端性能优化专家。请分析并优化以下前端应用的性能。
【应用信息】
- 技术栈:{{TECH_STACK}}
- 问题描述:{{PROBLEM}}
- 性能数据:{{PERFORMANCE_DATA}}
请从以下维度分析:
1. **加载性能**:
- 首屏加载时间(FCP/LCP)
- 资源体积优化
- 代码分割策略
- 图片优化
- 字体优化
- 预加载/预获取
2. **渲染性能**:
- 布局抖动(Layout Thrashing)
- 重排/重绘优化
- 虚拟列表
- CSS优化
3. **运行时性能**:
- 内存泄漏检测
- 事件处理优化
- 计算缓存(Memo)
- Web Worker
4. **网络优化**:
- 缓存策略
- 请求合并
- CDN配置
- HTTP/2推送
输出:问题诊断 + 优化方案 + 代码示例 + 预期效果