Rendering Images with Angular 2 in IE11 is very slow

[Arvind Nama]

Hi , 

  We are planning to migrate our application which is currently build on Dojo to a better framework. 

My choices are Angular 2 and React.

Our applications is intended to work only on IE ( due to dependencies on ActiveX)

When i tried creating samples on Angular2 , it is very promising and very fast on Browsers like chrome but when i run the same on IE it is very very slow

also tried some suggestion posted to use core-js shim instead of es6-shim , ( did not help much) 

Would be really helpful if any one can help me out here 

What my prototype does:

1. It tries to get Images ( base 64 encoded images) from server and render them on client browser

2. for the sake of performance i am  trying to render 100 images ( 125*125 px each) , 10 rows are 10 per row 

3. prototype currently loads every row at a time  

Layouts:

 1. Row is a simple div with contains Img tags ( use ngFor for rendering each Img Tag)

 2. All Rows are renders using ngFor.

 

What is observed

1. when server responds the image in base64 ( ensured that server is not the issue it responds in mill secs) ,
    i create a url (data:image/jpeg;base64) and update the src of image ( via the component data binding).

    Rendering of this image is very very slow 

But 

  instead of appending what server responds , i replaced it will a simple small image it is fast 

ON Chrome everything is fast ( even the big image) 

I tried the same prototype on React and react has not such issues.