使用System.js的性能问题

Voo*_*Voo 13 javascript optimization performance systemjs

我正在玩system.js(灵感来自angular2使用它作为他们的教程),但即使对于最琐碎的样本我也会得到可笑的糟糕表现.

例如,以下代码System.importapp.js本地运行时在第二个(前一个)和最后一个(中)console.log 之间有26000ms(!)的延迟(因此没有网络延迟)

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>
Run Code Online (Sandbox Code Playgroud)

App.js:

console.log('3: ' + new Date().getTime());
Run Code Online (Sandbox Code Playgroud)

我通过bower安装了最新的system.js版本("system.js":"~0.18.17")并删除了所有剩余的代码,它实际上只是需要很长时间的System.import调用.那么我做错了什么?

在Chrome下加载页面时,"网络"标签的图片: 在此输入图像描述

Eug*_*rin 1

考虑到 system.js 异步加载脚本,26 毫秒是脚本的正常加载速度。您的本地服务器需要一些时间来处理请求/响应作业​​,并会导致一些延迟。