在Angular 2中缓慢呈现* ngFor列表视图 - 利用网络工作者？

Question

我有一个直接的列表视图，其中单个项目有很多视觉元素（想象Quora问题，但是加倍）。

使用* ngFor。

进行渲染

然而，分析google开发工具时间轴中的渲染过程，虽然我在所有组件中使用ChangeDetectionStrategy.OnPush，但构建初始HTML需要大量的vDom工作。

以下是我的时间表的样子：

缩放：

请注意，虽然浏览器正在播放这些说明，但ui已被锁定。桌面上的一秒钟，移动设备上的三秒钟。

我已经读了几次关于角度如何抽象网络工作者的vdom结构，但我还没有找到如何实现它的正确指南。

任何指针？实施例

Answer 1

这可能是由于NgModules的使用效率低下。即使您不使用AOT，您也必须了解编译器准备的内容，例如entryComponents