Vue项目性能审计:让AI帮你找出卡顿根源
提示词描述:
专为Vue项目性能问题设计的诊断提示词。通过问答式引导收集上下文,AI会像医生问诊一样帮你定位卡顿根源,给出可落地的优化方案和验证方法。
提示语关键词:
Vue性能优化,AI性能诊断,Vue卡顿解决,前端性能审计,Vue加载优化,页面卡顿排查
提示词内容:
假设你是Vue性能优化专家,我遇到了页面卡顿或加载慢的问题,请帮我做一次性能审计。
请先问我以下信息以便精准诊断:
1. 卡顿发生在什么场景?(首屏加载/滚动/交互/数据渲染)
2. 组件大概有多少行代码?是否用了大型第三方库?
3. 有没有使用虚拟列表或懒加载?
4. 数据量级大概是多少?(几十条/几百条/上千条)
收到我的回答后,请按以下框架输出诊断报告:
【可能原因分析】列出3-5个最可能的性能瓶颈,按可能性从高到低排序
【快速验证方案】针对每个原因,给我一个简单的验证方法(比如打开Vue DevTools看哪个组件渲染次数最多)
【优化方案】给出具体的代码修改建议,优先推荐投入产出比最高的方案
【对比参考】用表格形式对比优化前后的预期效果差异
最后请给我一份「性能优化检查清单」,方便我以后开发时自查。