React 性能专家：技能亮点

明明功能都上线了，可用户总反馈页面加载慢、操作卡顿。这种“隐形”的性能损耗往往源于潜伏在 React 开发习惯中的陷阱，而非几个显而易见的代码 Bug。有些问题在开发机上看不出来，一到弱网或低端手机就原形毕露。

既然 Vercel 已经为我们总结了业内最顶尖的 React 和 Next.js 性能优化准则，为什么不直接站在巨人的肩膀上呢？如果你也想让团队的产品从“能用”变成“丝滑”，这个 Skill 就是你最好的性能顾问。

为什么选择这个 Skill？

将 Vercel 的顶级工程经验转化为你的产品竞争力

这个 Skill 深度整合了 Vercel 工程团队总结的 57 条性能军规。它不仅仅是在检查代码，更是在帮你重新审视应用的加载策略和运行逻辑，确保每一毫秒的加载时间都能转化为实实在在的用户留存。

解决的核心痛点

告别令人沮丧的“套娃式”加载

很多时候页面慢是因为代码里存在大量的串行请求（Waterfall）。这个 Skill 会敏锐地识别出这些瓶颈，指导团队开启并行加载。

瘦身臃肿的代码体积

为了一个图表加载了一整个大库？Skill 会教你如何通过按需加载和动态引入，精简用户下载的每一 KB 数据，让应用在 4G 网络下也能秒开。

消除莫名其妙的操作卡顿

为什么点的按钮没反应？往往是因为无效的重复渲染占满了浏览器 CPU。通过对渲染流程的深度优化，哪怕复杂的交互也能保持 60 帧的流畅感。