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 回答