强烈推荐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分)