Находить узкие места в JavaScript?

Question

Я пытаюсь найти узкое место в моем Javascript. В основном я разрабатываю расширение для Chrome, написанное на Javascript, которое занимает 4-5 секунд для выполнения задачи. В этой задаче задействовано много кода, и использование инструкций print / chrome, встроенных в инструменты разработчика, просто не работает. Инструменты разработчика, похоже, даже не видят, как работает мой Javascript. Мне интересно, есть ли у кого-нибудь какие-либо советы / инструменты, которые, по их мнению, могут быть полезны?

Answer 1

Откройте свою страницу в Chrome.

Инструменты -> Инструменты разработчика -> Профили

Начать профилирование (третья кнопка, серый кружок в строке состояния внизу)

Answer 2

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

Answer 3

Я помню, что Google Chrome имеет встроенный JavaScript profiler . Или вы не можете использовать это для своего расширения? (Я никогда не создавал расширения Chrome.)

Answer 4

Возможно, было бы неплохо открыть HTML-файлы в Firefox вместо того, чтобы позволить расширениям Chrome справиться с этим.Это позволило бы вам использовать Firebug для определения любых причин, которые были бы очень полезны.