image.png

原文作者:Brian Vaughn

译者:UC 国际研发 PPP


React 16.5 新增了对开发工具(DevTools)性能分析插件(profiler plugin)的支持。该插件通过 React Profiler API(实验中)收集每个组件渲染的耗时,用于分析识别出 React 应用中的性能瓶颈。它与我们即将推出的 time slicing 和 suspense 这两个功能将完全兼容。

使用性能分析插件

DevTools 将为支持 Profiler API 的应用展示“Profiler”选项卡:

image.png

注意:react-dom 16.5+ 在 DEV 模式下默认支持性能分析。如果生产包需要支持可以用 react-dom/profiling。 可以在 fb.me/react-profiling 中了解有关如何使用该包的更多信息。

“Profi

收藏 打印