Internet Explorer（10，11）加載Angular 2應用程序速度很慢

Question

我的應用程序由於Angular 2而完成，並且在所有瀏覽器上都能正常工作。但是，在IE上加載非常慢（10和11，我不支持下面）。例如，在Safari，Chrome和Firefox上加載時需要大約1.5秒，IE上需要5秒以上（Edge和10秒）。 我看了一下網絡選項卡，並發現它也有兩個電話之間的間隙（0.5至1秒）：

任何想法可能兩個電話之間延遲IE？

我有可能在我的index.html訂購墊片唯一的鉛：

 <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

多維思索：

• 的一種方式，以超過來的是用更少的HTTP調用。 （將所有 源代碼連接成一個最小化的JS文件）
• 正如你所說的，你的墊片也可能會引起延遲。嘗試 使用modernizr而不是多個墊片。

另請參考：

YUI的最佳實踐 - https://developer.yahoo.com/performance/rules.html

運行通過谷歌業績的規則你的應用程序： https://developers.google.com/web/fundamentals/performance/?hl=en