angular - 任何人都经历过 angular2 加载速度慢的情况

Question

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

我的应用程序只有 800kb，需要 4 秒才能打开一个仅包含文本的页面。

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

所有图像均经过压缩并位于 cdn firebase 中。

我使用 firebase 进行托管，并使用 cloudflare 来实现 ssl 和性能。

有没有人遇到过 Angular2 在加载和缓存方面表现不佳的情况。

我的缓存速度也没有得到任何改进。

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

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

加载请求:17(请参阅下面加载时网络选项卡的屏幕截图)

Answer 1

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

例如，您不应该导入..

import { Observable } from 'rxjs/Rx';

这会导入整个 RXJS 库，该库非常庞大。

import { Observable } from 'rxjs/Observable';

只会导入您需要的内容。

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