project_type: "react_spa"
performance_metrics:
  fcp: "2.5s"  # First Contentful Paint
  lcp: "4.0s"  # Largest Contentful Paint
  tti: "5.0s"  # Time to Interactive
  cls: "0.1"   # Cumulative Layout Shift
budget:
  js_size: "200kb"
  css_size: "50kb"

performance_report:
  current:
    fcp: "2.5s"
    lcp: "4.0s"
    tti: "5.0s"
    bundle_size: "350kb"
  
  issues:
    - "JavaScript 包体积过大"
    - "未使用的代码"
    - "图片未优化"
    - "缺少资源预加载"

optimization_plan:
  - priority: "high"
    action: "代码分割"
    impact: "减少 40% 初始加载"
    effort: "medium"
    
  - priority: "high"
    action: "图片优化"
    impact: "减少 30% 页面大小"
    effort: "low"
    
  - priority: "medium"
    action: "启用 Gzip/Brotli"
    impact: "减少 60% 传输大小"
    effort: "low"

webpack_config: |
  module.exports = {
    optimization: {
      splitChunks: {
        chunks: 'all',
        cacheGroups: {
          vendor: {
            test: /[\\/]node_modules[\\/]/,
            name: 'vendors',
            chunks: 'all'
          }
        }
      }
    }
  };

lighthouse_score:
  before:
    performance: 45
    accessibility: 80
    best_practices: 75
    seo: 70
  
  after:
    performance: 90
    accessibility: 95
    best_practices: 95
    seo: 90