您的位置:首页 > 运维架构 > Nginx

Nginx合并静态资源(concat模块)

2016-04-06 10:04 495 查看
Nginx concat模块由淘宝开发,并且淘宝已经在使用这个Nginx模块。这个模块类似于apache中的modconcat。如果需要使用它,需要使用两个?问号。Nginx concat通过合并静态文件来减少http请求数来达到优化前端性能,可以在一定程度上能减少web服务器的压力。

1、下载nginx-http-concat源码包解压
[root@raykaeso ~]# wget https://codeload.github.com/alibaba/nginx-http-concat/zip/master [root@raykaeso ~]# unzip master
[root@raykaeso ~]# cd nginx-http-concat-master/

2、编译第三方模块nginx-http-concat
[root@raykaeso ~]# ./configure --with-http_stub_status_module --add-module=../nginx-http-concat-master/
[root@raykaeso ~]# make

3、替换sbin/nginx 命令
[root@raykaeso ~]# cp ./objs/nginx /usr/local/nginx/sbin/

4、查看nginx编译的参数
[root@raykaeso ~]# /usr/local/nginx/sbin/nginx -V
nginx version: nginx/1.6.2
built by gcc 4.4.7 20120313 (Red Hat 4.4.7-11) (GCC)
configure arguments: --with-http_stub_status_module --add-module=../nginx-http-concat-master/

5、配置文件
[root@raykaeso ~]# vi /usr/local/nginx/conf/nginx.conf
location /css/ {
concat on;
concat_max_files 20;
concat_unique off;
}
[root@raykaeso ~]# /usr/local/nginx/sbin/nginx -s reload

6、查看效果:http://192.168.4.170/css/??a.css,b.css,c.css,每个css文件只有一个class类。

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: