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

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

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


person wilsonpage    schedule 07.07.2011    source источник
comment
В настоящее время я сталкиваюсь с этой проблемой при работе с Dojo. Странно то, что это происходит только со сжатой версией Dojo. Работа с исходной версией работает нормально. Я бы предположил, что проблема должна происходить наоборот.   -  person Marcelo    schedule 20.02.2012


Ответы (5)


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

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

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

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

person Mike West    schedule 12.07.2011
comment
Firefox/Firebug гораздо быстрее реагируют при отладке той же большой страницы, которую блокирует отладчик Chrome. А я люблю Хром! - person Josh M.; 12.07.2013

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

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

Не уверен, что из обоих имело наибольшее значение, но это определенно имело значение.

person Colin Claverie    schedule 13.06.2016

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

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

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

Может стоит попробовать.

person AsGoodAsItGets    schedule 08.12.2015
comment
Пожалуйста, не публикуйте только ссылки на ответы на другие вопросы о переполнении стека. Вместо этого проголосуйте/отметьте, чтобы закрыть как дубликат, или, если вопрос не является дубликатом, адаптируйте ответ к этому конкретному вопросу. - person Tim; 08.12.2015
comment
Хорошо, я должен полностью убрать ответ? Это не совсем дубликат, и он уже связан с другим вопросом. - person AsGoodAsItGets; 08.12.2015
comment
Это связано, потому что вы разместили ссылку здесь, я думаю, что она будет удалена, когда вы удалите ответ. Может быть, лучше скопировать ответ, но отредактируйте его, чтобы он подходил сюда. - person Tim; 08.12.2015
comment
Вы только что -1 мой ответ? - person AsGoodAsItGets; 08.12.2015
comment
Я не делал, почему ты спрашиваешь? - person Tim; 08.12.2015
comment
Неважно, у меня нет на это времени, я публикую только тогда, когда думаю, что мой ответ будет полезен, я отредактировал ответ, как вы просили. - person AsGoodAsItGets; 08.12.2015
comment
Кажется, мне помогло в 2020 году на Linux Mint 19.3, Chrome v. 87. - person yendrrek; 24.11.2020

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

person Jehong Ahn    schedule 06.01.2016

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

person pgoostree    schedule 24.02.2016