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

时间:2016-12-05 09:44:06

标签: angular systemjs cloudflare angular2-http angular2-router

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

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

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

所有图像都是压缩​​的,并且在cdn firebase中。

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

是否有人在加载和缓存方面遇到较差的angular2性能。

我无法在速度方面获得任何缓存改进。

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

enter image description here

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

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

enter image description here

2 个答案:

答案 0 :(得分:5)

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

例如,你不应该导入..

import { Observable } from 'rxjs/Rx';

这会导入整个RXJS lib。

import { Observable } from 'rxjs/Observable';

只会导入您需要的内容。

删除对&rcjs / Rx'的所有引用你会看到页面加载时间的大幅加速。

答案 1 :(得分:0)

不要使用systemjs进行制作。

提前使用(AOT)编译。

https://angular.io/docs/ts/latest/cookbook/aot-compiler.html