性能监控测试页面

1. 点击"切换"按钮在原始版和优化版之间切换
2. 系统会自动记录切换前后的性能指标
3. 点击"模拟数据加载"测试异步操作性能
4. 右下角的浮动面板显示实时性能数据
5. 点击"发送性能报告"将数据发送到服务器（生产环境）

在你的项目中使用：

import { usePerformanceMonitor } from '@/hooks/use-performance-monitor';

function YourComponent() {
  const { metrics } = usePerformanceMonitor({
    componentName: 'YourComponent'
  });
  
  return <div>Your content</div>;
}