angular: IVY: animation performance issues, on :enter trigger

🐞 bug report

Affected Package

probably one of these

@angular/core @angular/animations @angular/common

Is this a regression?

Yes it is much more fluent with less FPS drops during animations in version 8.

Description

When new part of template is added using ngIf animation framerates drops much more drastically than in previous version of Angular.

This happens also when animating route, so it means any new template, component is added using ViewContainerRef.

Here are measured results, same page same operation, top is v9.0.0-rc.11 IVY, bottom v8.2.0: problem

🔬 Minimal Reproduction

I have it only on private project with quite complicated page with many many components. I`ll try to mock it and paste it here as sample.

🔥 Exception or Error

No exception.

🌍 Your Environment

Angular Version: Angular 9-rc.11

Anything else relevant? Windows: 10.0.17763 Node: 11.6.0 NPM: 6.9.0

About this issue

  • Original URL
  • State: closed
  • Created 4 years ago
  • Comments: 30 (29 by maintainers)

Most upvoted comments

@kukjevov I’ve pulled your webpack update and now I can get proper build without ngDevMode mode! So we are good here, I can investigate. Thnx for amending the build as requested!

For now I’ve got everything I need to investigate, I will come back to you if I need / got more info.

I will try to take existing code and just mock data and provide it i hope it will work, tomorrow i should have time for this 😃.