任何人都会遇到angular2加载时间慢的问题

Question

我有一个带有typescript和systemjs的角度两个应用程序.

我的应用程序只有800kb,只需4秒即可完成仅包含文本的页面.

我所有的js和css都是小/缩小的,我总共有11个请求,几乎没有任何图像

所有图像都被压缩并在cdn firebase中.

我使用firebase托管并使用cloudflare进行ssl和性能.

有没有人在负载和缓存方面遇到较差的angular2性能.

我没有在速度方面得到任何缓存改进.

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

这是速度测试结果:https://www.webpagetest.org/result/161205_0H_S4H/

加载请求:17(参见下面加载网络选项卡的屏幕抓取)

Answer 1

这通常发生在开发人员不注意进口时.这里的一个主要错误是当你只想使用它的一小部分时导入整个RxJS库.

例如,你不应该导入..

import { Observable } from 'rxjs/Rx';

这导入了整个RXJS lib.

import { Observable } from 'rxjs/Observable';

只会导入你需要的东西.

删除对"rxjs/Rx"的所有引用,您将看到页面加载时间的大量加速.