2017-02-22 5 views
4

В моем браузере моя статья React значительно медленнее, чем в любом другом браузере. Например, если я нажму кнопку, чтобы открыть фильтр в Chrome, для фильтра, который будет отображаться на странице, потребуется меньше секунды. Если я делаю то же самое действие в Firefox, для отображения фильтра на странице требуется 2-3 секунды.Реакция намного медленнее на Firefox, чем на Chrome?

Неужели кто-то еще столкнулся с этой проблемой? Если да, то что вы сделали, чтобы исправить это?

Я попытался использовать функции React.addons.Perf, чтобы узнать, может ли это указать на проблему. Кажется, что существует большой разрыв между потерянным временем между FF и Chrome, но по-прежнему кажется, что на FF не нужно отображать секунды.

Chrome Perf Results

FF Perf Results

Вот все версии, которые я использую:

  • Firefox ESR v45.7.0
  • Chrome v56.0.2924.87
  • Реагировать 15.4. 0

Update

Я побежал профилировщика в FF, чтобы увидеть, что так долго, и это выглядит как FF занимает большую часть времени, чтобы вычислить расположение. Не уверен, что это значит, поэтому я собираюсь сделать больше исследований по этому вопросу.

+0

Вы пробовали отключить все дополнения FF, чтобы убедиться, что это не взаимодействие с одним из них? – manassehkatz

+0

Спасибо за предложение! Кажется, он ничего не ускорил. – Steve

+1

Вы используете производственную (сокращенную) версию React или сборку разработки? Сборка разработки происходит медленнее. Если вы используете режим dev, вы можете видеть меньше различий между браузерами с оптимизированной производственной сборкой и лучшей скоростью в обоих случаях. –

ответ

1

Так что проблема была не в реакции или javascript. Я, наконец, понял, что у нас было слишком много глубоко вложенных гибких элементов. Это то, что долгое время использовало firefox для расчета макета.

Смежные вопросы