Angular2實施性能建議作者：YSlow

Question

我經常使用YSlow和google的pagespeed對我的網站進行一些基本的性能檢查。 我是Angular2的新手，最近一直在Angular2項目上工作，我在我的Angular2應用程序上運行了YSlow和PageSpeed測試。

PageSpeed沒有運行，YSlow提出了一些改進建議。按照這些建議，我應該在以下js文件添加過期頭 -

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

什麼是Angular2這樣做的最好的/最有效的方法是什麼？

另外，根據YSlow的另一個建議，我還應該壓縮來自服務器的上述相同資源。當我使用Angular-CLI和ng-serve構建時如何在本地機器中啓用壓縮？

Answer 1

您的擔心是關於服務器設置，而不是角本身。當你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建立後，以驗證生產版本正在運行，並看到壓縮的行動。