前端服务器优化之设置max-age和gzip(express)
来源:互联网 发布:linux串口登陆 编辑:程序博客网 时间:2024/06/05 07:21
最近的话开始了一个新的项目,然后要重新做前端项目的优化,首先当然是优化最容易优化的地方了,就是强制缓存和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}));
看看文件是不是传输是不是小了很多,public下面代理出来的文件是不是第二次访问的时候变成了200 from memory cache!极大减少了文件的传输和不变动文件的http请求
ps. 不要直接在浏览器地址上访问可能都是304,要在页面引入后在chrome F12里面查看network
阅读全文
0 0
- 前端服务器优化之设置max-age和gzip(express)
- 设置max-age|expires进行优化网站
- 优化建议解决方案:未设置max-age或expires
- web前端优化之GZIP组件缓存
- 百度云观测优化建议解决方案:未设置max-age或expires
- thinkphp系统优化之gzip设置
- Apache htaccess 设置 设置expires和max-age缓存 的兼容写法
- Expires和max-age的区别
- 笔记:IIS优化之----采用Gzip压缩页面WEB服务器
- 网站优化之设置tomcat7开启Gzip压缩
- Web服务器之Http压缩(GZip)
- 性能优化之MySQL优化(三)- count()和max()查询优化
- cookie的expires属性和max-age属性
- cookie的expires属性和max-age属性
- 前端优化:apache2.4开启gzip
- tomcat 优化之gzip压缩
- centos6.5源码安装和centos7.2使用yum安装httpd后,如何添加模块;以及怎么设置Cache-Control:max-age=?浏览器缓存时间
- FAILED - (未设置max-age或expires)_设置静态内容缓存时间
- 轮播图
- MyBatis逆向工程实例
- 关于<c:set value="${pageContext.request.contextPath}" var="path" scope="page"/>
- webpack加载image
- wordpress优化提速:去除不必要的元素标签
- 前端服务器优化之设置max-age和gzip(express)
- Android SeekBar类
- java 生成xml
- 图片,视频上传工具
- 那些方便android开发设置
- 删除git所有历史记录 仅保留当前文件
- 线程池-学习笔记
- cocos-js 自动绑定C++(1)环境配置
- 滑动窗口的最大值