2016-06-21 12 views
5

私のアプリは角2のおかげで完了し、すべてのブラウザで正常に動作します。しかし、IE(10と11、私は以下をサポートしていません)にロードするのはかなり遅いです。たとえば、Safari、Chrome、Firefoxの場合、ロードに1.5秒かかり、IEでは5秒以上、Edgeでは10秒以上かかります。 は私がネットワーク]タブを見ていたし、時にはそれが2回の呼び出しの間のギャップ(0.5〜1秒)を持っていることがわかった:インターネットエクスプローラ(10,11)の読み込みが非常に遅い角度2のアプリケーション

IE Slowness

の二つの呼び出しの間で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> 
+0

あなたは同じ問題でサンプルplunkr /フィドルを作成してくださいだろうか? –

答えて

2

複数の思考:

  • 来する1つの方法は、以下のHTTP呼び出しを行うことです。 ( のソースコードをすべて1つの最小化されたJSファイルに連結してください)
  • あなたのシムは、遅れの原因となる可能性があります。複数のシムの代わりにmodernizrを使用して を試してみてください。

も参照してください:

YUIのベストプラクティスを - https://developer.yahoo.com/performance/rules.html

、Googleのパフォーマンスルールを通して、あなたのアプリを実行します。 https://developers.google.com/web/fundamentals/performance/?hl=en

+0

はい、実際には、すべてのファイルを後で最小化するつもりです。返信いただきありがとうございます。シムを下から上に移動すると、IEのスピードが大幅に向上しました。 – Scipion

関連する問題