4

我已经用 React、Redux 和 React Router 构建了相当大的 webapp。它工作正常，直到我在 Chrome 中打开开发工具并且它明显减慢了 100 倍。我尝试在 Chrome 中分析应用程序，但是当我再次开始使用 Chrome 进行分析时，它开始工作的速度与关闭开发工具一样快，并且一切正常。

还检查了 Safari 和 Opera - 他们的开发工具也减慢了 webapp。为什么 React/Chrome 会如此严重地影响性能？这是否意味着我误用了 React 或者这是 React+Chrome 的常见问题？有什么解决方法吗？

4

1 回答 1

4

我今天注意到的一件事是 React Tools 扩展在某些情况下会显着影响 React 应用程序的性能。由于扩展的目的是提供 React 组件的实时视图，因此它会尝试在页面更改时更新其表示，并且在一些严重的突变上会增加延迟。

就我而言，我有一个大约 650 行的表格，可以通过单击列标题进行排序。如果没有打开开发工具窗格，一切工作都非常顺利（页面更新在一秒钟内），但是一旦我打开开发工具并切换到“React”选项卡，整个选项卡（我的页面和开发工具窗格）对额外的点击无响应表格排序后 3-4 秒。

于 2016-09-26T17:00:13.933 回答