为社区建设略尽绵薄之力!参与 2021 社区问卷调查!
此站点不再更新。了解新站点的更多信息!

性能优化

这些文档已经过时且不再更新,访问 zh-hans.react.dev 查看新的 React 文档。

这些新的文档使用现代 React 语法:

UI 更新需要昂贵的 DOM 操作,因此 React 内部使用了几种巧妙的技术来最小化 DOM 操作次数。对于大部分应用而言,使用 React 时无需做大量优化工作就能拥有高性能的用户界面。尽管如此,你仍然有办法来加速你的 React 应用。

使用生产版本

当你需要对你的 React 应用进行 benchmark,或者遇到了性能问题,请确保你正在使用压缩后的生产版本。

React 默认包含了许多有用的警告信息。这些警告信息在开发过程中非常有帮助。然而这使得 React 变得更大且更慢,所以你需要确保部署时使用了生产版本。

如果你不能确定你的编译过程是否设置正确,你可以通过安装 Chrome 的 React 开发者工具 来检查。如果你浏览一个基于 React 生产版本的网站,图标背景会变成深色: