我经常使用YSlow和google的页面对我的网站做一些基本的性能检查。我是Angular2新手,最近从事Angular2项目,我在Angular2应用程序上运行了YSlow和PageSpeed测试。
PageSpeed没有运行,YSlow给出了一些改进建议。根据这些建议,我应该在以下js文件中添加过期标头-
inline.bundle.js
styles.bundle.js
main.bundle.js
vendor.bundle.js
在Angular2中,最好/最有效的方法是什么?
此外,根据YSlow的另一项建议,我还应该压缩来自服务器的上述资源。如何启用压缩在我的本地机器时,我使用角-CLI和ng-服务?
发布于 2017-03-19 10:17:59
您关心的是服务器的设置,而不是角度本身。只需在ng serve
时不要这样做。它只会减缓你的发展。我在构建应用程序ng b -prod -aot
的生产版本时进行测试,在部署之前,您可以从dist/
文件夹中进行检查。
以下是不影响CLI的简单方法
npm install --save-dev express compression connect-history-api-fallback
将此express.js添加到您的项目根目录:
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('\n', 'Serving "dist/" on http://localhost:4200. [Ctrl+C] to disconnect.');
});
并在使用node express.js
构建之后运行它,以验证生产版本是否有效,并查看压缩是否有效。
https://stackoverflow.com/questions/42885282
复制相似问题