53 lines
940 B
Markdown
53 lines
940 B
Markdown
# 性能优化文档
|
|
|
|
## 前端优化
|
|
|
|
### 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
|