clouddisk-project/architecture/performance.md

性能优化文档

前端优化

React 优化

• 使用 React.memo 减少不必要的重渲染
• 使用 useMemo 和 useCallback 缓存计算结果
• 列表使用虚拟滚动 (react-window)

打包优化

• Code Splitting 按需加载
• Tree Shaking 移除未使用代码
• 资源压缩 (Terser)

加载优化

• 图片懒加载
• 骨架屏预渲染
• CDN 加速静态资源

后端优化

数据库优化

• 索引优化 (user_id, parent_id, hash)
• 查询分页 (LIMIT/OFFSET)
• 连接池复用

缓存策略

• 热点数据内存缓存
• 文件元数据缓存
• 用户会话缓存

API 优化

• 压缩响应 (gzip)
• 分页返回
• 增量同步

文件传输优化

分片上传

• 大文件分片 (1MB/片)
• 断点续传
• 并行上传

秒传机制

• 文件哈希比对
• 相同文件直接引用

监控指标

• API 响应时间 < 200ms
• 文件上传速度 > 1MB/s
• 页面加载时间 < 3s