关于angular：Angular2实施性能建议作者：YSlow

Angular2 Implementing Performance Suggestion By YSlow

我经常使用YSlow和Google的Pagespeed对我的网站进行一些基本的性能检查。
我是Angular2的新手，最近一直在从事Angular2项目，我在Angular2应用程序上运行了YSlow和PageSpeed测试。

PageSpeed没有运行，YSlow提出了一些改进建议。根据这些建议，我应该在以下js文件上添加有效期标头-

1
2
3
4

inline.bundle.js
styles.bundle.js
main.bundle.js
vendor.bundle.js

在Angular2中最好/最有效的方法是什么？

此外，根据YSlow的另一个建议，我还应该压缩来自服务器的相同资源。使用Angular-CLI和ng-serve进行构建时如何在本地计算机中启用压缩？

相关讨论

您关心的是服务器设置，而不是angular本身。 ng serve时根本不执行它们。这只会减慢您的开发速度。在构建应用程序ng b -prod -aot的生产版本时，我会进行测试，并且可以在部署前从dist/文件夹提供服务以检查内容。

这是不影响CLI的简单方法

npm install --save-dev express compression connect-history-api-fallback

将此express.js添加到您的项目根目录：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15

var compression = require('compression');
var express = require('express');
var history = require('connect-history-api-fallback');

var app = express();

app.use(history());
app.use(compression());
app.use(express.static('dist'));

app.listen(4200, function () {
console.log('\
', 'Serving"dist/" on http://localhost:4200. [Ctrl+C] to disconnect.');
});

，并在使用node express.js构建后运行它，以验证生产版本是否正常运行，并查看压缩效果。