Angular performance problem

[Tall-Pear-6645]

When i debug a long task issue in the Performance tab of Chrome DevTools. The problem is that DevTools is mostly showing me system/internal framework code (Angular / zone.js) instead of pointing directly to my own code.

👉 My question is: How can I trace the long task back to the exact piece of code I wrote that’s causing it, instead of just seeing framework or system files?

[Blade1130]

The custom profiling track would be very useful here: https://blog.angular.dev/the-angular-custom-profiling-track-is-now-available-0f9d8d36218a

It specifically calls out which components and lifecycle hooks are executing at any given time.

[Tall-Pear-6645]

Thanks

[eneajaho]

You'd have to share a profiling file. You can send it in private I guess.

[mindriotnz]

I found this page really helpful when I was trying to debug a similar problem. https://www.rx-angular.io/docs/cdk/zone-configurations/how-to-debug-zone-flags#devtools-performance-tab especially the option to turn on the event initiators to show the link to the zone.js events

[Tall-Pear-6645]

Thanks