React Best Practices · 性能优化

vercel-react-best-practices 适合什么任务？

这项技能适合在组件开发或重构之前，把性能问题按影响顺序整理成检查清单。固定版本正文记录了七十条规则，分为八类，首先关注请求瀑布和打包体积，再讨论服务端工作、客户端取数、重复渲染、渲染过程、脚本执行以及进阶模式。

对使用相关组件框架的项目，可以从一个页面的数据流出发，观察哪些操作彼此依赖，哪些模块会进入客户端包，哪些渲染是多余的，然后再选择与实际代码对应的规则。正文把编写新组件、审查现有实现、调整数据获取和减少加载成本都列为使用场景。

它提供的是一套有优先级的工程参考，不是替所有项目自动选定相同改法。是否采用某条规则仍应结合项目的组件边界、运行位置和数据依赖判断，修改后还需要用自己的测试验证行为。

目录记录的规则数量属于所绑定版本，不等同于上游永远保持这个数量；性能改善也没有在这里被量化或保证。规则附有具体条目的查阅路径，便于沿着问题进一步核对实现说明。

SkillPi 原创整理 · 固定版本事实依据

来源中的功能介绍

• 按影响优先级整理的优化建议，以及可审阅的代码修改。
• 规则不能代替生产测量；不同 React／Next.js 版本和部署环境需要分别验证。
• 确定目标文件与性能症状。
• 按优先级检查相关规则并提出修改。
• 运行项目检查，并在有数据时对比测量结果。
• 需要提供 React 或 Next.js 项目源码。
• 准备构建／测试命令；判断性能效果时需要测量数据。
• 该 Skill 的元数据与仓库 README 均声明 MIT。

原始 SKILL.md

本站暂未展示原始 SKILL.md。 查看原始来源 ↗ 文件内容、许可与使用要求以原站为准。

当前收录版本

063bee94c3f4df8453406c830b0a7df0f2860278

核对来源版本 ↗

安全评级与访问范围

unscanned · 静态证据核验，不代表运行安全保证。

使用前请由宿主核对并授权实际文件读写、外部服务和联网目的地；本站的核验不会授予任何运行权限。