2016-06-21 26 views
5

Benim uygulama Angular 2 sayesinde yapılır ve tüm tarayıcılarda iyi çalışır. Ancak, IE'ye yüklemek oldukça yavaş (10 ve 11, aşağıda desteklemiyorum). Örneğin, Safari, Chrome ve Firefox'ta yüklenirken yaklaşık 1,5 saniye sürdüğünde, IE'de (ve Edge'de 10 sn) 5 saniyeden fazla sürüyor. Ben ağ sekmesine bir göz vardı ve bazen iki çağrı arasında bir boşluk (0.5 ila 1 sn) vardır bulundu:Internet explorer (10, 11) yüklemek çok yavaş Angular 2 app

IE Slowness

İki arama arasında IE geciktirebilir fikrin var mı?

 <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

aynı sorunu olan bir numune plunkr/keman oluşturmak misiniz? –

cevap

2

Çoklu düşünceler: Ben index.html içinde sipariş şim olabilir tek ipucu

  • bir yolu gelip üzerinde daha az HTTP çağrıları yapmaktır. (tüm kaynak kodunu bir minimize edilmiş JS dosyasına birleştirin)
  • Doğru söylediğiniz gibi, şimleriniz de gecikmeye neden olabilecek bir işlem yapıyor olabilir. Birden çok ayar yerine modernizr kullanarak 'u deneyin.

Ayrıca bakınız:

YUI iyi uygulamalar - https://developer.yahoo.com/performance/rules.html

Google performans kurallarıyla uygulamanızı çalıştırın: https://developers.google.com/web/fundamentals/performance/?hl=en

+0

Evet, daha sonra tüm dosyalarımı en aza indireceğim. Cevap için teşekkürler. Parçayı alttan üste taşımak, IE için büyük bir hız artışıyla sonuçlandı. – Scipion

İlgili konular