Performance issue

Which @angular/* package(s) are the source of the bug?

animations

Is this a regression?

No

Description

When doing some performance debugging in our application I noticed that around 1/3 of the time to process our components is used by a single function related to animations.

https://github.com/angular/angular/blob/4c778cdb28de128c6ddecd2fd6cb6257d675500b/packages/animations/browser/src/render/transition_animation_engine.ts#L855

If you look at my performance profile you can see that the anonymous function marked in red (and the ones next to it) is calling _balanceNamespaceList and it takes almost a third of the total processing for rendering the layout.

Is it supposed to be like this? Can it be optimized? Or can be disable something so it doesn’t do this without removing all animations?

Please provide a link to a minimal reproduction of the bug

No response

Please provide the exception or error you saw

No response

Please provide the environment you discovered this bug in (run ng version)

Angular CLI: 13.2.1
Node: 16.14.0
Package Manager: npm 8.3.1
OS: win32 x64

Angular: 13.2.1
... animations, cdk, cli, common, compiler, compiler-cli, core
... forms, material, platform-browser, platform-browser-dynamic
... router

Package                           Version
-----------------------------------------------------------
@angular-devkit/architect         0.1302.1
@angular-devkit/build-optimizer   0.1302.1
@angular-devkit/core              13.2.1
@angular-devkit/schematics        13.2.1
@ngtools/webpack                  13.2.1
@schematics/angular               13.2.1
ng-packagr                        13.2.1
rxjs                              7.5.2
typescript                        4.5.5
webpack                           5.67.0

Anything else?

No response

[JoostK]

I work on Angular in my spare time, so that includes weekends 😉 But no hurry from my side, you’re fine to follow up whenever fits you (please do take weekends off, haha).

[JonWallsten]

@JonWallsten: It seems like it went from 1.5 seconds to 5 milliseconds (!) How do I verify that everything is correct? I’m not sure what the code does?