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

Question

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

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

Answer 1

Я "исправил" медленный инструмент разработчика Chrome (под вкладкой ИСТОЧНИКИ)

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

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

Answer 2

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

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

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

Answer 3

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

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

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

Может быть стоит выстрел.

Answer 4

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

Answer 5

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