Internet Explorer (10, 11) sehr langsam zu laden Angular 2 App

Question

Meine App ist dank Angular 2 fertig und funktioniert auf allen Browsern. Es ist jedoch ziemlich langsam, IE zu laden (10 und 11, ich unterstütze unten nicht). Wenn zum Beispiel in Safari, Chrome und Firefox ~ 1,5 Sekunden zum Laden benötigt werden, dauert es mehr als 5 Sekunden auf IE (und 10 Sekunden auf Edge). hatte ich einen Blick auf die Registerkarte Netzwerk und gefunden, dass es manchmal eine Lücke (0,5 bis 1 s) zwischen zwei Anrufen hat:

Jede Idee, was IE zwischen zwei Anrufen verzögern könnte?

Die einzige Spur ich kann die Beilagen in meiner index.html Bestellung sein:

 <meta charset="utf-8"> 
     <meta name="viewport" content="width=device-width"> 
     <title>AGA Front App</title> 
     <script src='@routes.Assets.versioned("lib/angular2/es6/dev/src/testing/shims_for_IE.js")'></script> 
     <script src='@routes.Assets.versioned("lib/es6-shim/es6-shim.min.js")'></script> 
     <script src='@routes.Assets.versioned("lib/systemjs/dist/system.src.js")'></script> 
     <script src='@routes.Assets.versioned("lib/typescript/lib/typescript.js")'></script> 
     <script src='@routes.Assets.versioned("lib/angular2/bundles/angular2-polyfills.js")'></script> 
     <script src='@routes.Assets.versioned("lib/rxjs/bundles/Rx.js")'></script> 
     <script src='@routes.Assets.versioned("lib/angular2/bundles/angular2.js")'></script> 
     <script src='@routes.Assets.versioned("lib/angular2/bundles/http.js")'></script> 
     <script src='@routes.Assets.versioned("lib/angular2/bundles/router.dev.js")'></script> 
     <script src='@routes.Assets.versioned("systemjs.config.js")'></script> 
     <script> 
      System.import(path + '/assets/app/bootstrap.ts') 
        .catch(console.error.bind(console)); 
     </script> 

Answer 1

Mehrere Gedanken:

• Ein Weg gekommen, um über zu weniger HTTP-Anrufe zu tätigen. (verketten Sie alle Quellcode in eine minimierte JS-Datei)
• Wie Sie richtig gesagt haben, können Ihre Shims auch in Aktion treten, die die Verzögerung verursachen können. Versuchen Sie mit modernizr anstelle von mehreren Shims.

siehe auch:

YUI Best Practices - https://developer.yahoo.com/performance/rules.html

Führen Sie Ihre Anwendung durch Regeln Google Leistung: https://developers.google.com/web/fundamentals/performance/?hl=en