性能 – Firefox上的反应比Chrome慢得多?

我的React页面似乎在Firefox中比在任何其他浏览器中慢得多.例如,如果我点击某个按钮在Chrome中打开过滤器,则只需不到一秒的时间就可以在页面上显示过滤器.如果我在Firefox中执行相同的操作,则需要2-3秒才能在页面上显示过滤器.

还有其他人遇到过这个问题吗?如果是这样你做了什么修复它?

我尝试使用React.addons.Perf函数来查看是否可以指出我的问题.在FF和Chrome之间浪费的时间之间似乎存在很大的差距,但看起来它似乎不需要花费几秒钟来显示在FF上.

Chrome Perf Results

FF Perf Results

以下是我正在使用的所有版本:

> Firefox ESR v45.7.0
> Chrome v56.0.2924.87
> React 15.4.0

更新

我在FF中运行了分析器以查看花了这么长时间,看起来FF花了大部分时间来计算布局.不知道这意味着什么,所以我将对此进行更多的研究.

最佳答案 所以问题不在于反应或javascript.我终于弄明白我们刚刚嵌套了太多的flex元素.这是firefox长时间计算布局的原因.

点赞