Last Updated: February 25, 2016
·
783
· breck421

Flame Chart profile tool for performance

I am working on a massive AngularJS project. We had performance issues and really struggled to pinpoint their cause. I actually contacted Brad Green and Igor Minar about it. They gave the anticipated advice about deep watches and bloated scopes ect. The game changer for us was their recommended use of the Flame Chart view in Chrome's profile tools. None of us even knew it existed. It is a way to view the result of a captured profile. It will show you what scripts are being called and then visually decompose them into very granular details (full call stack) allowing a developer easily to see what is taking up so much time and resources. It was a game changer for us with performance tuning. Make sure you do not use the minified files.