首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >Angular2实现YSlow的性能建议

Angular2实现YSlow的性能建议
EN

Stack Overflow用户
提问于 2017-03-19 10:05:26
回答 1查看 314关注 0票数 0

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

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

代码语言:javascript
运行
复制
inline.bundle.js  
styles.bundle.js  
main.bundle.js  
vendor.bundle.js

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

此外,根据YSlow的另一项建议,我还应该压缩来自服务器的上述资源。如何启用压缩在我的本地机器时,我使用角-CLI和ng-服务?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 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添加到您的项目根目录:

代码语言:javascript
运行
复制
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构建之后运行它,以验证生产版本是否有效,并查看压缩是否有效。

票数 1
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/42885282

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档