Node.js站点使用Nginx作反向代理时怎么配置GZip压缩

发布时间 - 2023-05-25 00:00:00    点击率:

node.js 开发的站点,如果你也是用了nginx实现反向代理.

那么在服务端可以轻松实现 gzip 压缩,让站点浏览更顺畅.

前提条件: node.js + nginx 反向代理.

node.js 需要做的工作:

express 4.0以下版本:

app.use(express.compress()); //主要是这句
app.use(express.json()); 
app.use(express.urlencoded()); 
app.use(express.bodyparser()); 
app.use(express.methodoverride()); 
app.use(express.cookieparser());

为了让所有请求压缩,所以 compress 放在上面.

express 4.0以上版本(包含4.0)

var compress = require('compression');
app.use(compress());

4.0以上版本把中间件独立拿出来了.

所以首先需要你 rquire('compression')

点击这里查看express 3.5 和 express 4.0 的主要区别

node.js 需要做的工作就是这么简单.

nginx 需要做的工作:

打开nginx配置文件,修改配置,开启 gzip 开关

nano /usr/local/nginx/conf/nginx.conf

你自己服务器上的 nginx 不一定安装在 /usr/local/ 目录下,所以根据自己安装目录下查找 配置文件 nginx.conf

在 http 配置节点上加如下配置:

gzip on;
    gzip_min_length 1k;
    gzip_buffers   4 16k;
    gzip_http_version 1.0;
    gzip_comp_level 2;
    gzip_types    text/plain application/x-javascript text/css application/xml;
    gzip_vary on;

http (
    //放上面配置节点  
)

每一个配置项表示什么含义呢?

1) gzip

语法:gzip on/off

默认值:off

作用域:http, server, location

说明:开启或者关闭 gzip 模块,这里使用 on 表示启动

2) gzip_min_length

语法:gzip_min_length length

默认值:gzip_min_length 0

作用域:http, server, location

说明:设置允许压缩的页面最小字节数,页面字节数从header头中的content-length中进行获取。默认值是0,不管页面多大都压缩。建议设置成大于1k的字节数,小于1k可能会越压越大。|

3) gzip_buffers

语法: gzip_buffers number size

默认值: gzip_buffers 4 4k/8k

作用域: http, server, location

说明:设置系统获取几个单位的缓存用于存储gzip的压缩结果数据流。4 16k 代表以 16k 为单位,按照原始数据大小以 16k 为单位的4倍申请内存。

4) gzip_comp_level

语法: gzip_comp_level 1..9

默认值: gzip_comp_level 1

作用域: http, server, location

说明:gzip压缩比,1 压缩比最小处理速度最快,9 压缩比最大但处理最慢(传输快但比较消耗cpu)。这里设置为 5。

5) gzip_types

语法: gzip_types mime-type [mime-type ...]

默认值: gzip_types text/html

作用域: http, server, location

说明:匹配mime类型进行压缩,(无论是否指定)"text/html" 类型总是会被压缩的。这里设置为 application/x-javascript text/css application/xml。

常用的静态 type 有,看自己需要压缩的情况而定:

text/html
text/plain
text/css
application/x-javascript
text/javascript
application/xml

ok,到这里基本服务端已经配置完毕,nginx 只需要 reload 一下即可。

下面来测试一下,用 curl 来如何测试服务端已经开启 gzip(测试条件是默认gzip_types,即只压缩 text.html ,其他 type 未压缩):

查看是否开启gzip,需要客户端加入:"accept-encoding: gzip, deflate" 头信息。

$ curl -i -h "accept-encoding: gzip, deflate" "http://localhost/tag.php"
http/1.1 200 ok
server: nginx
date: thu, 08 mar 2012 07:23:46 gmt
content-type: text/html
connection: close
content-encoding: gzip
$ curl -i -h "accept-encoding: gzip, deflate" "http://localhost/style.css"
http/1.1 200 ok
server: nginx
date: thu, 08 mar 2012 07:23:54 gmt
content-type: text/css
connection: close
last-modified: tue, 27 dec 2011 10:00:51 gmt
etag: "bc612352322d435769c4bdc03ddb2572"
content-length: 22834

可以看出来了把。第二个示例没有被压缩。


# node.js  # nginx  # JavaScript  # 中间件  # css  # html  # express  # xml  # cURL  # Length  # JS  # number  # 作用域  # location  # http  # 默认值  # 来了  # 服务端  # 压缩比  # 定安  # 设置为  # 配置文件  # 几个  # 如果你  # 放在 


相关栏目: 【 网站优化151355 】 【 网络推广146373 】 【 网络技术251813 】 【 AI营销90571


相关推荐: 免费网站制作appp,免费制作app哪个平台好?  Laravel如何使用Laravel Vite编译前端_Laravel10以上版本前端静态资源管理【教程】  香港服务器WordPress建站指南:SEO优化与高效部署策略  如何用狗爹虚拟主机快速搭建网站?  nginx修改上传文件大小限制的方法  Laravel如何使用withoutEvents方法临时禁用模型事件  在线教育网站制作平台,山西立德教育官网?  EditPlus中的正则表达式 实战(1)  Laravel中的withCount方法怎么高效统计关联模型数量  Win11怎么查看显卡温度 Win11任务管理器查看GPU温度【技巧】  东莞市网站制作公司有哪些,东莞找工作用什么网站好?  高端建站如何打造兼具美学与转化的品牌官网?  如何注册花生壳免费域名并搭建个人网站?  如何用好域名打造高点击率的自主建站?  Laravel与Inertia.js怎么结合_使用Laravel和Inertia构建现代单页应用  ,交易猫的商品怎么发布到网站上去?  猎豹浏览器开发者工具怎么打开 猎豹浏览器F12调试工具使用【前端必备】  如何用腾讯建站主机快速创建免费网站?  Python数据仓库与ETL构建实战_Airflow调度流程详解  JavaScript如何操作视频_媒体API怎么控制播放  PythonWeb开发入门教程_Flask快速构建Web应用  Laravel如何实现本地化和多语言支持_Laravel多语言配置与翻译文件管理  EditPlus中的正则表达式 实战(2)  高性能网站服务器部署指南:稳定运行与安全配置优化方案  微博html5版本怎么弄发超话_超话进入入口及发帖格式要求【教程】  HTML透明颜色代码怎么让下拉菜单透明_下拉菜单透明背景指南【技巧】  如何快速搭建个人网站并优化SEO?  高性能网站服务器配置指南:安全稳定与高效建站核心方案  Win11怎么恢复误删照片_Win11数据恢复工具使用【推荐】  Laravel如何创建自定义Facades?(详细步骤)  Laravel如何记录日志_Laravel Logging系统配置与自定义日志通道  高防网站服务器:DDoS防御与BGP线路的AI智能防护方案  javascript日期怎么处理_如何格式化输出  Gemini手机端怎么发图片_Gemini手机端发图方法【步骤】  Windows10电脑怎么查看硬盘通电时间_Win10使用工具检测磁盘健康  php静态变量怎么调试_php静态变量作用域调试技巧【解答】  为什么要用作用域操作符_php中访问类常量与静态属性的优势【解答】  Laravel如何优化应用性能?(缓存和优化命令)  WEB开发之注册页面验证码倒计时代码的实现  如何快速搭建高效WAP手机网站吸引移动用户?  如何快速搭建自助建站会员专属系统?  如何用低价快速搭建高质量网站?  厦门模型网站设计制作公司,厦门航空飞机模型掉色怎么办?  HTML 中如何正确使用模板变量为元素的 name 属性赋值  html5怎么画眼睛_HT5用Canvas或SVG画眼球瞳孔加JS控制动态【绘制】  JavaScript如何实现路由_前端路由原理是什么  Laravel如何使用Contracts(契约)进行编程_Laravel契约接口与依赖反转  ,在苏州找工作,上哪个网站比较好?  html如何与html链接_实现多个HTML页面互相链接【互相】  详解免费开源的DotNet二维码操作组件ThoughtWorks.QRCode(.NET组件介绍之四)