इंटरनेट एक्सप्लोरर (10, 11) लोड करने के लिए बहुत धीमी है कोणीय 2 ऐप

Question

मेरा ऐप कोणीय 2 के लिए धन्यवाद किया गया है और सभी ब्राउज़रों पर ठीक काम करता है। हालांकि, आईई (10 और 11, मैं नीचे समर्थन नहीं करता) पर लोड करने में काफी धीमी है। उदाहरण के लिए, सफारी पर, क्रोम और फ़ायरफ़ॉक्स को लोड करने में ~ 1.5 सेकंड लगते हैं, इसमें आईई (और एज पर 10 सेकंड) पर 5 सेकंड से अधिक लगते हैं। मैं नेटवर्क टैब पर एक नज़र था और पाया कि कभी कभी यह एक अंतर (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> 

Answer 1

एकाधिक विचार:

• एक तरह से खत्म हो आने के लिए कम HTTP कॉल करने के लिए है। (सभी स्रोत कोड को एक न्यूनतम जेएस फ़ाइल में समेकित करें)
• जैसा कि आपने सही कहा था, आपके शिम भी कार्रवाई में हो रहे हैं जो देरी का कारण बन सकता है। एकाधिक शिम्स के बजाय आधुनिकजर का उपयोग करके आज़माएं।

भी देखें:

YUI सर्वोत्तम प्रथाओं - https://developer.yahoo.com/performance/rules.html

गूगल प्रदर्शन नियमों के माध्यम से अपने अनुप्रयोग चलाएँ: https://developers.google.com/web/fundamentals/performance/?hl=en