Angular 2 performance IE11 * ngPer

Question

Sto provando Angular 2 e ho notato che le prestazioni su Internet Explorer 11 sono drammaticamente lente durante il ciclo con * ngPer oltre 1500 elementi. Ci vogliono circa 25 secondi con IE11 mentre meno di 1 secondo sugli altri browser.

Pausa del debugger Ho notato che il codice chiama costantemente isNan in es6-shim.js. Qui lo stack di chiamate:

Un plnkr di lavoro qui: http://plnkr.co/edit/sEujClHmuCbrydIiYQYL?p=preview. Il codice è molto semplice:

<ul *ngFor="#item of items"> 
    <li>Item: {{item.itemKey}}</li> 
</ul> 

//Load items simulating remote load 
setTimeout(function(){ 
    for (let i = 0; i < 1500; i++) { 
      self.items.push(new Item(i+"")); 
     } 
},1000); 

Chiunque con lo stesso problema? Qualche soluzione o suggerimento per migliorare le prestazioni?

Grazie in anticipo.

Answer 1

Il problema è che IE non ha un'implementazione nativa di Map. I set e get funzioni del polyfill sono estremamente lento (rispetto alle loro controparti native) e prendere la maggior parte del tempo:

Forse - e si spera - altri polyfills per Map sono più veloci di es6-shim.

Aggiornamento:

ho testato il codice con core-js e le sue prestazioni sembra essere molto più vicino a quello della implementazione nativa.