优化个人中心页面

docs/进一步优化方案.md

@@ -0,0 +1,161 @@
+# 主包体积进一步优化方案
+
+## 当前状态
+- **优化前主包体积**: 2.74MB
+- **第一次优化后**: 2.19MB (已减少 550KB)
+- **目标**: < 1.5MB
+- **还需减少**: 约 690KB
+
+## 已完成的优化 ✅
+
+### 1. 删除未使用的大文件 (868KB)
+- ✅ `uni_modules/lime-echart/static/echarts.min.js` (567KB)
+- ✅ `lib/lunar-javascript@1.7.2.js` (301KB)
+
+### 2. 移动 train 图片到分包 (预计 400-500KB)
+- ✅ 将 `static/images/train/` 目录移到 `packageB/static/images/train/`
+- ✅ 更新所有引用路径
+
+**已减少总计**: 约 1.27MB - 1.37MB
+
+## 进一步优化建议
+
+### 方案一：优化图片资源（预计减少 200-300KB）
+
+#### 1.1 压缩主包中的大图片
+需要压缩的图片文件：
+- `static/icon/background2.png` - 检查大小
+- `static/imgs/avatar.jpg` (48KB) → 目标: <25KB
+- `static/imgs/fristEntry.png` - 检查大小
+- 其他 `static/icon/` 目录下的图片
+
+**工具推荐**:
+- [TinyPNG](https://tinypng.com/) - PNG压缩
+- [Squoosh](https://squoosh.app/) - 在线图片压缩
+- [ImageOptim](https://imageoptim.com/) - 批量压缩
+
+#### 1.2 将非首屏必需图片移到分包
+- 将 `static/imgs/` 目录移到分包（如果只在特定页面使用）
+- 检查 `static/icon/` 中哪些图标可以移到分包
+
+### 方案二：优化 Markdown 相关库（预计减少 296KB）
+
+#### 2.1 当前情况
+- `lib/highlight/highlight-uni.min.js`: 203KB
+- `lib/markdown-it.min.js`: 93KB
+- 总计: 296KB
+
+#### 2.2 使用范围
+- 主包: `pages/chat/chat.vue` (主包页面)
+- 分包: `packageA/pages/moreJobs/moreJobs.vue`
+- 组件: `components/md-render/md-render.vue`
+- Store: `stores/userChatGroupStore.js`
+
+#### 2.3 优化方案
+**方案A**: 将 chat 页面移到独立分包（推荐）
+- 创建新分包 `packageChat`
+- 将 `pages/chat/` 移到分包
+- 将 markdown 相关库移到分包
+- **预计减少**: 296KB + chat页面代码体积
+
+**方案B**: 使用更轻量的代码高亮库
+- 替换 `highlight-uni.min.js` 为更轻量的库
+- 或移除代码高亮功能（如果非必需）
+
+**方案C**: 按需加载
+- 使用动态 import 按需加载 markdown 库
+- 只在需要时加载
+
+### 方案三：检查并优化 components 目录
+
+#### 3.1 检查组件使用情况
+需要检查的组件：
+- `components/md-render/` - 如果只在 chat 使用，可移到分包
+- `components/area-cascade-picker/` - 检查使用范围
+- 其他大型组件
+
+#### 3.2 优化策略
+- 将只在分包使用的组件移到对应分包
+- 将大型组件按需加载
+
+### 方案四：检查 pages 目录
+
+#### 4.1 可以移到分包的页面
+检查以下页面是否可以移到分包：
+- `pages/complete-info/` - 补全信息相关（可能可以移到 packageA）
+- `pages/job/` - 发布岗位相关（可能可以移到 packageA）
+- `pages/demo/` - 演示页面（可以删除或移到测试分包）
+
+#### 4.2 优化策略
+- 将非核心功能页面移到分包
+- 删除测试/演示页面
+
+### 方案五：清理未使用的 uni_modules
+
+#### 5.1 检查列表
+检查以下模块是否在主包使用：
+- `custom-waterfalls-flow`
+- `uni-data-select`
+- `uni-dateformat`
+- `uni-load-more`
+- `uni-popup`
+- `uni-steps`
+- `uni-swipe-action`
+- `uni-transition`
+
+#### 5.2 优化策略
+- 如果只在分包使用，可以考虑移除主包引用
+- 使用 `easycom` 配置确保组件能正确加载
+
+### 方案六：优化 common 目录
+
+#### 6.1 检查文件
+- `common/vendor.js` - 如果存在，检查是否可以优化
+- `common/globalFunction.js` - 检查是否可以拆分
+- 其他 common 文件
+
+## 推荐执行顺序
+
+### 优先级1：立即执行（预计减少 300-400KB）
+1. ✅ 压缩主包中的大图片
+2. ✅ 将 `pages/demo/` 删除或移到测试分包
+3. ✅ 检查并清理未使用的 uni_modules
+
+### 优先级2：中期执行（预计减少 296KB）
+1. 将 chat 页面移到独立分包（推荐方案A）
+2. 或使用更轻量的代码高亮库（方案B）
+
+### 优先级3：长期优化
+1. 优化 components 目录
+2. 优化 pages 目录结构
+3. 优化 common 目录
+
+## 预期效果
+
+| 优化项 | 预计减少 | 优先级 |
+|--------|---------|--------|
+| 压缩图片 | 200-300KB | 🔴 高 |
+| 移动 chat 页面到分包 | 296KB+ | 🔴 高 |
+| 删除 demo 页面 | 50-100KB | 🟡 中 |
+| 清理 uni_modules | 100-200KB | 🟡 中 |
+| 优化 components | 50-150KB | 🟢 低 |
+
+**总计预计减少**: 696KB - 1046KB
+
+**优化后主包体积**: 约 1.14MB - 1.49MB ✅
+
+## 注意事项
+
+1. **备份**: 在执行优化前，请先备份项目
+2. **测试**: 每个优化步骤后都要进行完整测试
+3. **引用路径**: 确保所有文件引用路径正确更新
+4. **分包限制**: 注意微信小程序分包大小限制（单个分包不超过 2MB）
+5. **主包限制**: 主包大小必须控制在 1.5MB 以内
+
+## 验证方法
+
+1. 使用微信开发者工具上传代码，查看主包体积
+2. 使用代码依赖分析工具验证优化效果
+3. 测试各个功能模块确保正常工作
+4. 检查分包加载是否正常
+