codebuddy 通过构建体积优化、渲染效率增强、资源加载提速和 ssr 性能调优四维度系统性提升前端性能，支持分析、建议、自动改写与策略生成，覆盖 webpack/vite 产物瘦身、tree shaking 强化、ssr 诊断及本地开发加速。
☞☞☞AI 智能聊天, 问答助手, AI 智能搜索, 多模态理解力帮你轻松跨越从0到1的创作门槛☜☜☜
CodeBuddy 本身不直接运行前端代码，但能系统性地辅助你提升前端应用的性能表现——重点在构建体积优化、渲染效率增强、资源加载提速和 SSR 性能调优四个维度。它通过分析、建议、自动改写和策略生成，把人工排查变成可执行的工程动作。
压缩并拆分打包产物
体积过大是首屏慢的主因。CodeBuddy 不只告诉你“vendor.js 太大”，而是定位到具体模块并给出可落地的瘦身方案：
- 自动解析 Webpack/Vite 的
stats.json，标出前 5 大体积贡献者（比如两个版本的moment被同时引入）； - 扫描
import _ from 'lodash'这类全量引入，按实际使用函数重写为import debounce from 'lodash/debounce'； - 识别图片、字体等静态资源，对超 100KB 的 PNG 自动建议转 WebP，并生成迁移脚本；
- 检测未启用
sideEffects: false的第三方包，提示修改或切换至lodash-es等 ESM 友好版本。
强化 Tree Shaking 效果
很多代码没被摇掉，是因为引入方式或模块格式不合规。CodeBuddy 会从 AST 层面检查导入链：
- 标记
import * as utils from './utils'+ 动态属性访问（utils[config.method]）这类无法静态分析的写法； - 生成模块引用热力图，显示某个工具文件导出 12 个函数，仅 2 个被调用，提醒你拆分或重构；
- 对
if (DEBUG) import('./debug.js')这类条件加载，建议加上/* @__PURE__ */注释或抽离为独立 chunk。
优化服务端渲染（SSR）响应
如果你用 Next.js、SvelteKit 或 Nuxt，CodeBuddy 能诊断 TTFB 高、CPU 占用高的根因：
- 运行
codebuddy analyze --ssr-trace后发起请求，它会输出trace-summary.json，指出哪个getServerSideProps函数耗时最长、是否重复调用同一 API； - 根据路由数据稳定性，自动建议缓存头：
public, max-age=300（静态页）或private, no-store（含用户信息）； - 发现服务端 JSON 序列化体积超 500KB 时，提示启用流式响应或预过滤字段。
加快本地开发体验
补全慢、分析卡顿，常因上下文过载或模型调度不合理：
- 在 IDE 设置中添加
"codebuddy.context.excludePatterns"，排除node_modules和dist，上下文构建快 63%； - 将补全触发阈值设为 2–3 字符，关闭空行自动触发，减少无效推理请求；
- 启用本地轻量模型（约 1.2GB），补全响应从平均 850ms 降至 190ms 内；
- 升级到 v2.8.0+ 并开启 Craft 流式补全，边打字边出建议，不阻塞输入流。
这些方法不是孤立技巧，而是 CodeBuddy 在 CLI、插件和 IDE 工作台中协同生效的能力组合。关键在于让工具看清你的项目结构、构建配置和运行上下文，再给出带路径、带命令、带验证方式的精准干预。
前端入门到VUE实战笔记：立即使用
在学习笔记中，你将探索 前端 的入门与实战技巧！
