title: Slow rendering of an *ngFor list view in Angular 2 - Utilize webworkers?
body: <p>I have a straight-forward list view where a single item has a lot of visual elements (imagine Quora question, but double).</p>
  
  <p>It is rendered using *ngFor.</p>
  
  <p>However, analyzing the rendering process in google dev tools timeline, altho I'm using <code>ChangeDetectionStrategy.OnPush</code> in all components there is a ton of vDom work needed to construct the initial HTML.</p>
  
  <p>Here is how my timeline looks like:</p>
  
  <p><a href="https://i.stack.imgur.com/MBBBL.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/MBBBL.png" alt="enter image description here"></a></p>
  
  <p>zoomed:</p>
  
  <p><a href="https://i.stack.imgur.com/bgCsE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bgCsE.png" alt="enter image description here"></a></p>
  
  <p>Note that while these instructions are being played out by the browser, the ui is locked. One second on desktop, three seconds on mobile device.</p>
  
  <p>I've read a couple of times about how angular was going to abstract the vdom construction in a web-worker, but I have still not found a proper guide of how to implement that.</p>
  
  <p>Any pointers? Example?</p>