2016-06-21 2 views
5

Мое приложение создано благодаря Angular 2 и отлично работает во всех браузерах. Однако на IE довольно медленно загружать (10 и 11, я не поддерживаю ниже). Например, когда на Safari, Chrome и Firefox требуется загрузка ~ 1,5 с, для IE требуется более 5 секунд (и 10 секунд на Edge). Я посмотрел на вкладку сети и обнаружил, что иногда она имеет разрыв (от 0,5 до 1 сек) между двумя вызовами:Internet explorer (10, 11) очень медленно загружает приложение Angular 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

Несколько мыслей:

  • Один из способов более приходят, чтобы сделать меньше вызовов HTTP. (соединить все исходный код в один файл с минимальным JS)
  • Как вы правильно сказали, ваши прокладки также могут вступить в действие, что может вызвать задержку. Попробуйте , используя modernizr вместо нескольких прокладок.

Также смотрите:

YUI лучшие практики - https://developer.yahoo.com/performance/rules.html

Запустите приложение с помощью правил производительности Google: https://developers.google.com/web/fundamentals/performance/?hl=en

+0

Да, я собираюсь свернуть все мои файлы позже. Спасибо за ответ. Перемещение прокладки снизу вверх привело к значительному увеличению скорости для IE. – Scipion

Смежные вопросы