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