Slow rendering of view view * ngFor in Angular 2 - Use webmasters?

Question

I have a direct view of a list in which one element has many visual elements (imagine a Quora question, but twice).

Displayed using * ngFor.

However, by analyzing the rendering process in the google dev timeline, altho using ChangeDetectionStrategy.OnPush for all components, there is a ton of vDom work needed to create the original HTML.

Here's what my chart looks like:

image scale:

Please note that although these instructions are played out by the browser, ui is blocked. One second on the desktop, three seconds on the mobile device.

I read a couple of times about how angular is going to abstract the vdom construct in a web worker, but I still haven't found the right guide to implement it.

Any pointers? Example?

Answer 1

This is likely due to the inefficient use of NgModules. Even if you are not using AOT, you should know what is being prepared by the compiler, e.g. entryComponents