使用nginx-http-concat添加nginx资源请求合并功能

柔情只为你懂 2021-12-20 19:04 300阅读 0赞

web项目中有时候一个页面会加载多个js或css资源请求，导致页面加载耗时较长，这时优化的方向可以采用资源合并，可以在客户端事先合并，也可以在服务端进行资源合并，服务端合并的方式使用起来更灵活。

nginx-http-concat是阿里云开发的nginx开源组件，可以在nginx编译安装时添加模块，也可以在已安装的nginx中重新添加模块。

一、已安装的nginx添加nginx-http-concat模块

已安装的nginx添加module，需要重新进行编译覆盖，这点与apache不同，apache只需要添加module，然后添加引用即可。

1、添加nginx编译脚本

1) 查看当前nginx版本，命令：/usr/local/sbin/nginx -v

2) 下载相应的nginx源码版本，地址：[http://nginx.org/download/][http_nginx.org_download]

3) 上传到服务器并解压

2、添加nginx-http-concat源码

1) 下载module，git地址：[https://github.com/alibaba/nginx-http-concat][https_github.com_alibaba_nginx-http-concat]

2) 上传到服务器并解压，本实验解压地址：/usr/local/nginx/third\_module/nginx-http-concat

3、执行重新编译

1) 查看当前nginx编译参数，执行命令：/usr/local/sbin/nginx -V

2) 进入nginx源码目录，在获取的编译参数中添加：\--add-module=/usr/local/nginx/thrid\_module/nginx-http-concat，执行添加后的命令，如：./configure --user=www --group=www --prefix=/usr/local/nginx --with-http\_stub\_status\_module --with-http\_ssl\_module --with-http\_spdy\_module --with-http\_gzip\_static\_module --with-ipv6 --with-http\_sub\_module --add-module=/usr/local/nginx/third\_module/nginx-http-concat

3) 执行编译命令：make，注意编译之后千万不能执行make install

4) 编译完后，当前nginx源码目录下生成objs目录则说明编译成功

4、覆盖nginx执行脚本

1) 备份当前nginx执行脚本，命令：cp /usr/local/nginx/sbin/nginx /usr/local/nginx/sbin/nginx.bak。如果拷贝出错，则将nginx进行杀掉再进行，命令：killall nginx

2) 拷贝上一步骤编译后的新nginx脚本，命令：cp /mnw/download/nginx-1.8.0/objs/nginx /usr/local/nginx/sbin/

3) 查看编译参数，命令：/usr/local/nginx/sbin/nginx -V，如果编译参数中存在刚添加的模块，则说明编译成功

4) 重启nginx

二、配置使用nginx-http-concat模块

1、配置项

1) **concat**，是否打开资源合并开关，选项：on | off，默认：off

2) **concat\_types**，模块处理的资源类型，默认：text/css application/x-javascript

3) **concat\_unique**，是否允许合并不同类型的资源，选项：on | off，默认：on