YSlow优化之Add Expires headers (nodejs+express)

阅读更多

强烈推荐YSlow网站优化工具，简单好使，我用的是Firefox下的YSlow：

https://addons.mozilla.org/en-US/firefox/addon/yslow/

 

Add Expires headers（给静态组件配置过期响应头）

        就是向文档添加一个有效期，告诉浏览器这个文档的有效性和持久性。如果已有缓存，文档就可以从浏览器中的缓存(除已经过期)而不是从服务器读取。接着，客 户端验证缓存中的副本，看看是否过期或者失效，以决定是否必须从服务器获得更新。简单来说就是优化了这项可以加快网站速度，对于不经常更新的文件，例如 CSS、图片文件都很有用，下次访问就直接从浏览器读取而不用向服务器下载。

 

对于nodejs+express框架，配置方法非常简单，只需在app.js里面的静态文件服务那里加个maxAge属性设置：

//app.js
//关键是设置maxAge，要求足够大，这里是一年左右，单位是毫秒
app.use(express.static(path.join(__dirname, 'public'), {maxAge:31557600000}));

此时的YSlow评分： A-93

 

 

如果不设置maxAge的话：（注：如果设置过，需要清除cookies并且重新运行node才能明显看到不设置的效果）

app.use(express.static(path.join(__dirname, 'public')));

 此时的YSlow评分：B-84（下降9分）

 

 

• 
• 大小: 37.3 KB

• 
• 大小: 52 KB

• 查看图片附件