LOCKLOSE 发表于 2017-2-22 08:55:26

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分)

 

 
页: [1]
查看完整版本: YSlow优化之Add Expires headers (nodejs+express)