Trình duyệt Internet (10, 11) rất chậm để tải Ứng dụng góc 2 Ứng dụng

Question

Ứng dụng của tôi được thực hiện nhờ vào Góc 2 và hoạt động tốt trên tất cả các trình duyệt. Tuy nhiên, nó là khá chậm để tải trên IE (10 và 11, tôi không hỗ trợ dưới đây). Ví dụ, khi trên Safari, Chrome và Firefox phải mất ~ 1,5 giây để tải, phải mất hơn 5 giây trên IE (và 10 giây trên Edge). tôi đã có một cái nhìn tại các tab mạng và thấy rằng đôi khi nó có một khoảng cách (0,5 đến 1 giây) giữa hai cuộc gọi:

Bất kỳ ý tưởng gì có thể trì hoãn IE giữa hai cuộc gọi?

Các dẫn duy nhất tôi có thể là miếng chêm đặt hàng trong index.html của tôi:

 <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

Nhiều suy nghĩ:

• Một cách để qua đi là để thực hiện cuộc gọi HTTP ít hơn. (ghép tất cả mã nguồn vào một tệp JS thu nhỏ)
• Như bạn đã nói đúng, các miếng chêm của bạn cũng có thể đang hoạt động có thể gây ra sự chậm trễ. Hãy thử bằng modernizr thay vì nhiều miếng chêm.

Cũng Tham khảo:

YUI thực hành tốt nhất - https://developer.yahoo.com/performance/rules.html

Chạy ứng dụng của bạn thông qua quy tắc hoạt động của Google: https://developers.google.com/web/fundamentals/performance/?hl=en