前端服务器优化之设置max-age和gzip（express）

机智的皮卡丘

于 2017-09-30 15:01:38 发布

阅读量2.2k

点赞数 2

分类专栏： js nodejs express 文章标签： js express 前端服务器

本文链接：https://blog.youkuaiyun.com/qq_20334295/article/details/78142826

版权

js 同时被 3 个专栏收录

47 篇文章

订阅专栏

nodejs

18 篇文章

订阅专栏

express

2 篇文章

订阅专栏

本文介绍了在Express项目中进行前端服务器优化的方法，包括设置max-age实现强制缓存和使用compression插件启用gzip压缩，以减少文件传输流量和HTTP请求。通过示例代码展示配置过程，并提示在Chrome开发者工具中检查优化效果。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

最近的话开始了一个新的项目，然后要重新做前端项目的优化，首先当然是优化最容易优化的地方了，就是强制缓存和gzip减少传输中的流量问题了，在express自带协商缓存所以不必去处理，之前项目是用nginx架在最外面的，所以nginx的设置方法之前已经写过了

贴代码
安装gzip的相关插件npm install compression

//app.js
// gzip压缩
const compression = require('compression');
app.use(compression());

// max-age静态文件目录设置，可以看情况自己选择头和时间长度，该目录将代理到根目录，同static
// 设置的文件夹静态资源访问之后在设置时间内将不发请求，需要请求新的需要在资源后面增加v=xxx，经常更改的文件慎用
app.use(express.static(path.join(__dirname, 'public'), {
   maxAge: '1y',
   expires: '1y',
   Etag: false,
   lastModified: false
}));