AngularJS WebInspector Extension for Chrome, Performance debugging


Today when my application almost done I started to work on performance.

In addition to bindonce directive magic I found this site: Debugging performance problems in AngularJS with Batarang and Chrome DevTools very helpful.

Further, there you can find good Chrome plugin AngularJS Batarang that will help you to detect most performance issues.

Here are some screenshots to make some sense to what I post:

Hope it will help to someone :smile:

I know that and is doing the right job.

But i found it very confusing for big pages with many nested scopes.
So i am back at old school debugging. :wink:

Right, at least it points to most problematic places in your code. The one thing I still don’t understand is how to check how many times watcher fires some method