任何人都会体验angular2的缓慢加载时间

我有一个带有typescript和systemjs的angular双应用程序

我的应用程序只有800kb，只包含文本的页面只需要4秒钟

我所有的js和css都是小型化的，我总共有11个请求，几乎没有任何图像

所有图像都在cdn firebase中压缩和保存

我使用firebase托管，并使用cloudflare实现ssl和性能

是否有人在加载和缓存时遇到过angular2性能差的问题

我也没有在速度上得到任何缓存改进

下面是文件和加载时间的屏幕截图：

这是速度测试结果：

加载请求：17（请参见下面的“加载时网络”选项卡屏幕抓取）

---

请勿将systemjs用于生产

使用提前（AOT）编译

---

当开发人员不小心导入时，通常会发生这种情况。这里的一个主要错误是，当您只想使用RxJS库的一小部分时，导入整个RxJS库

例如，您不应该导入

import { Observable } from 'rxjs/Rx';

这将导入整个RXJS库，这是一个庞大的库

import { Observable } from 'rxjs/Observable';

将只导入您需要的内容

---

删除对“rxjs/Rx”的所有引用，您将看到页面加载时间大幅加快。

下载文件时每个请求需要多长时间？您的“网络”选项卡在开发人员工具中显示了什么？请求非常小。查看“网络”选项卡，它显示了3秒的延迟，在那里它什么也不做。你能告诉我们什么是什么样的“不做”吗？@shusson我添加了一个屏幕截图。此外，这是url:thepoolcover.co.uk。此外，我还添加了速度测试结果：谢谢，我会看一看。为什么systemjs不适合生产？如果使用正确，systemjs适合生产。SystemJS支持按需延迟加载包。例如，当第一次需要某个模块时，您可以在鼠标单击内导入。此外，Angular2路由器现在支持使用SystemJS延迟加载整个路由。如果你的应用程序设置正确，SystemJS绝对可以。@danday74你能添加一个链接到你参考的延迟加载路由示例，然后我将与我的进行比较。也，我会补充我的问题你问对了人-这里有一些代码我写的只是为了探索延迟加载的路线-我会找到你的文件链接到这里的文件链接-我的例子是最低限度的，应该很容易遵循-文件是相当详细，不是很清楚-使用你喜欢的：）上帝blessI会检查我是否在用它。我想我没有。我没有使用observable，我使用了很多import observable。在一个地方，我加载了整个Rx。用just Observable替换它至少节省了我1.5秒的启动时间。我还在想我能省多少钱。。。。