介绍一下我自己
我是一名前端开发,平时主要用 TraeIDE 写代码。日常会和各种业务页面、组件、数据打交道。
我和 TraeWork 的初相识
TraeWork 是我在直播间里领取到使用资格时接触到的,用下来不错,之后还分享给了几个同事。说实话,一开始我也没太上心,毕竟市面上声称"能帮你写代码"的工具太多了,而我也一直在用Trae IDE。
但第一次用它,就有个细节打动了我。我直接丢给它一份 700KB 的 Lighthouse JSON 报告——那种原始审计数据,又大又乱,正常人根本不想看。我没有做任何预处理,也没有跟它说"帮我提取一下关键指标",就直接把文件甩了过去,IDE中也不好干这种数据整理分析的活。
结果它没有甩给我一句"文件太大我处理不了",而是自己想办法拆解、定位、提取关键指标,最后生成了一份图文并茂的性能分析报告。
那一刻我其实是有点惊讶的。很多工具在你给它一个"不规整"的输入时,会直接卡住或者让你自己整理好再喂给它。而它选择先去"读懂"这个文件,再把结论讲给我听。那种"它真的在干活,而不是在等我干活"的感觉,是我对它最深的初印象。
我和 TraeWork 的一次协作
这是我们之间最"头疼"的一次合作——一个白屏长达 16 秒的页面。
背景是这样的:我们有一个内部系统,页面加载卡到不行。Lighthouse 评分只有 31 分,LCP(最大内容绘制)要 16.3 秒,TTI(可交互时间)更是要 26.8 秒。用户打开页面,就是一片空白,然后大家开始怀疑人生。
我自己分析当然也行,但要抓 700KB 的原始数据、梳理主线程里几十个任务的耗时分布、逐条看哪些 JS 文件在浪费流量——这做下来少说要一整天,而且很容易漏。
于是我像往常一样,把原始报告丢给 TraeWork,然后提了一句:“帮我分析白屏原因,和可能存在的优化方案。”
它给我的东西,比我预想的要完整得多:
第一,它把白屏的"根因"讲清楚了。 它还原了整条时间线:服务器响应其实很快(132ms),但浏览器直到 4.8 秒才画出第一个像素,6.6 秒才出现内容,真正渲染出完整页面已经是 16 秒之后。它告诉我,真凶不是网络,而是主线程被大量 JavaScript 占据了 17 秒——其中脚本执行占 39.5%、解析编译占 18.5%,而真正用于渲染的时间只占 1%。浏览器在 JS 跑完之前,根本没机会去画。
第二,它揪出了"浪费的大头"。 它列出了 11.5 MB 从未被使用的 JavaScript 代码,其中有个文件 92% 的内容都是白加载的。这些数字直接告诉我:砍掉这些,就能省下好几秒。
第三,它给了可落地的优化方案。 不是空话,而是按优先级排列的、能直接动手做的事情。
更关键的是,这不是一次性的。我们前后做了四轮优化,每轮我都把新的审计报告丢给它,让它对比上一轮、指出哪些有提升、哪些又回退了。它帮我把整个优化过程串成了一条清晰的主线:
- LCP:16.3s → 9.7s,砍掉了将近一半
- TTI:26.8s → 13.7s,页面可交互时间大幅缩短
- 资源总大小:27.9MB → 12.4MB,瘦身超过一半
说实话,如果没有它帮我把每一轮数据都拆解清楚,我很难在四轮迭代里保持这么清晰的思路。它不像一个"帮我写代码"的工具,更像一个和我一起啃数据的搭档。
我对 TraeWork 的期待
这次经历之后,我其实对 TraeWork 有了更多期待,因为它的价值远不限于性能优化这一个场景。
第一,希望它提升内置浏览器的调试能力和自测能力。 我平时主要用 TraeIDE 写代码、跑页面,如果它内置的浏览器能根据需求文档直接帮我跑一遍自测、把问题揪出来,那我写业务和做调试的效率会高很多。很多东西不用等上线被别人发现,交给它就能提前拦住,目前能力还是有点弱。
第二,希望它更"懂我"。 比如能记住我的代码风格、项目背景,把我在项目中沉淀下来的常用规范自动整理成规则——这样不管是在性能分析、写文档还是日常答疑里,它给出的建议都会更贴合我的实际情况,甚至能自动按我的习惯来写,而不是标准答案式的回答。
最后,希望它增加视频剪辑能力。 刚好最近"创造力大赛"的复赛需要提交一个视频,剪辑可难倒我了。如果 TraeWork 能支持视频自动剪辑,或者能直接操作剪映这类工具,帮我把素材裁好、配上字幕和节奏,那对我来说就是救星了。也希望它继续把分析报告整理成可分享的文档、把数据导出成表格,让 AI 不只是"帮我分析",而是真正"帮我完成一整件事"。
当然,我也期待它在更多我没想过的场景里带来惊喜。