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

Question

我有一个直接的列表视图,其中一个项目有很多视觉元素(想象Quora问题,但双倍).

它使用*ngFor渲染.

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

以下是我的时间轴的样子:

缩放:

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

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

有什么指针吗？例？

Answer 1

这可能是由于 NgModule 使用效率低下造成的。即使您不使用 AOT，您也必须了解编译器正在准备什么，例如，entryComponents