4

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

我的应用程序只有 800kb，并且需要 4 秒才能长出一个只有文本的页面。

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

所有图像都经过压缩并在 cdn firebase 中。

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

有没有人在加载和缓存方面经历过糟糕的 angular2 性能。

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

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

在此处输入图像描述

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

加载请求：17（请参阅下面的加载网络选项卡的屏幕截图）

在此处输入图像描述

4

2 回答 2

6

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

例如，您不应该导入 ..

import { Observable } from 'rxjs/Rx';

这会导入庞大的整个 RXJS 库。

import { Observable } from 'rxjs/Observable';

只会导入你需要的东西。

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

于 2016-12-05T10:31:32.653 回答
0

不要将 systemjs 用于生产。

使用提前 (AOT) 编译。

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

于 2016-12-05T09:50:21.430 回答