Проблемы производительности с использованием System.js

Я играю с system.js(вдохновленный angular2, используя его для своих обучающих программ), но я получаю смехотворно плохую производительность даже для самого тривиального образца.

Например, следующий код имеет задержку в 26000мс (!) между вторым (до System.import) и последним (в app.js) console.log во время работы локально (так что нет сетевой задержки)

index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <title>System.js Sample</title>
    <script>console.log("1: " + new Date().getTime());</script>
    <script src="bower_components/system.js/dist/system.js"></script>
</head>
<body>
<script>
    console.log('2: ' + new Date().getTime());
    System.import('app.js');
</script>
</body>
</html>

App.js:

console.log('3: ' + new Date().getTime());

Я установил самую новую версию system.js через bower ( "system.js": "~ 0.18.17" ) и удалил весь оставшийся код, это действительно просто вызов System.import, который занимает много времени. Так что я делаю неправильно?

Изображение закладки "Сеть" при загрузке страницы в Chrome:

Ответ 1

Имея в виду, что system.js загружает скрипты асинхронно, 26ms - это нормальная скорость загрузки вашего script. На ваш локальный сервер требуется некоторое время для обработки задания на запрос/ответ и причиной некоторой задержки для этого.

Ответ 2

Первоначальная репозитория quickstart Angular2 будет загружать файлы RxJS по отдельности, которые занимали слишком много времени. Вы часто находите еще 300 запросов. С тех пор они исправили это, и вы можете дополнительно уменьшить запросы, сделанные, будучи специфичными при импорте модулей RxJS. Angular quickstart repo намного быстрее в эти дни.