Подтвердить что ты не робот

Chrome Dev Tools очень медленно реагирует в большом веб-приложении

У меня есть большое, javascript тяжелое веб-приложение, над которым я работаю. Я испытываю очень медленное время отклика от Chrome Dev Tools для ответов XHR и консольного журнала (3-5 секунд). Фактическое приложение работает быстро и быстро, только инструменты для разработчиков выглядят так, как будто они страдают.

Кто-нибудь знает, почему Chrome Dev Tools становится вялым по мере увеличения моего приложения?

4b9b3361

Ответ 1

Devtools похожи на любой другой отладчик; они подключаются к нормальному процессу обработки приложения и сохраняют немного больше информации, чем обычно требуется. Это намного больше, чем просто отрисовка страницы без отладки, поэтому она будет медленнее.

Тем не менее, 3 секунды, чтобы ответить на console.log, кажется высоким. Я предлагаю вам сначала протестировать приложение в ночной версии WebKit. Если он реагирует в WebKit, но не в Chrome, сообщите об ошибке с помощью инспектора через http://new.crbug.com/ вместе с любой информацией, которую вы можете предоставить о том, что сценарий вызывает медленность.

Если это так же вяло в WebKit, сообщите об ошибке в отношении компонента WebKit Inspector: https://bugs.webkit.org/enter_bug.cgi

В любом случае, разместите здесь идентификатор ошибки, и я увижу, что он попал в правильную команду.

Ответ 2

Я "исправил" инструмент разработчика медленного хрома (на вкладке SOURCES)

  • очистка списка "часов", накопленного с течением времени...
  • очистка всех "фрагментов", у меня были и десятки...

Не уверен, какая из них сделала наибольшую разницу, но это, безусловно, имело значение

Ответ 3

Это старый вопрос, но он может помочь кому-то приземлиться здесь позже, как я.

Используя Chrome 46.x/47.x на Linux (RHEL 7), ни один из предлагаемых решений не работал у меня. Что было сделано для отключения настройки "Использовать аппаратное ускорение, когда доступно", в расширенных настройках браузера.

Я заметил в мониторе/списке процессов, что рендеринга Chrome занимался большим количеством процессоров, даже если поставить точку останова или выполнить инструкции в отладчике, займет 10 + секунд!

Возможно, стоит сделать снимок.

Ответ 4

Отсоедините инструменты разработчика в отдельном окне. В моем случае это работает.

Ответ 5

Я тоже боролся с этим, до такой степени, что переход через код с помощью хром-отладчика был настолько медленным, что потребовалось несколько часов от моего продуктивного времени разработки. Наблюдая за загрузкой процессора при отладке в chrome, я бы увидел, что он использует до 40% всех четырех ядер моего процессора. Я пробовал все безрезультатно. Наконец, я попытался сделать окно браузера на странице, которую я отлаживал, насколько это было возможно, без потери какого-либо требуемого вида, и чудесным образом он решил проблему. Итак, теперь я держу свое окно отладчика в отдельном окне и делаю окно страницы, от которого я отлаживаю, насколько это возможно, и мой отладочный опыт очень быстрый. Я тестировал это в течение нескольких недель, и он продержался. Надеюсь, это поможет кому-то.