Javascript Internet explorer(10、11)加载Angular 2应用程序的速度非常慢

Javascript Internet explorer(10、11)加载Angular 2应用程序的速度非常慢,javascript,internet-explorer,angular,Javascript,Internet Explorer,Angular,我的应用程序是由Angular 2完成的,在所有浏览器上都能正常工作。然而,在IE上加载速度非常慢(10和11,我不支持下面的内容)。例如,在Safari、Chrome和Firefox上加载需要1.5秒,而在IE上加载需要5秒以上(在Edge上则需要10秒)。 我查看了“网络”选项卡,发现有时两次通话之间会出现间隔(0.5到1秒): 你知道两个电话之间会有什么延迟吗 我唯一的线索可能是index.html中的垫片排序: <meta charset="utf-8">

我的应用程序是由Angular 2完成的,在所有浏览器上都能正常工作。然而,在IE上加载速度非常慢(10和11,我不支持下面的内容)。例如,在Safari、Chrome和Firefox上加载需要1.5秒,而在IE上加载需要5秒以上(在Edge上则需要10秒)。 我查看了“网络”选项卡,发现有时两次通话之间会出现间隔(0.5到1秒):

你知道两个电话之间会有什么延迟吗

我唯一的线索可能是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>

AGA前端应用程序
导入(路径+'/assets/app/bootstrap.ts')
.catch(console.error.bind(console));

多重思考:

  • 一种方法是减少HTTP调用。(连接所有 将源代码放入一个最小化的JS文件中)
  • 正如您正确地说的,您的垫片也可能会起作用,从而导致延迟。尝试 使用Modernizer代替多个垫片
另请参阅:

YUI最佳实践-

通过Google性能规则运行您的应用程序:

您能否创建一个具有相同问题的plunkr/fiddle示例?是的,我将在稍后最小化所有文件。谢谢你的回复。从底部到顶部移动垫片,IE的速度大幅提升。