巧用nginx_concat_module减少请求数

nginx_concat_module是淘宝开发的一个nginx的模块，非常有用的模块，安装了此模块，可以让我们对js,css等文件进行合并，从而减少访问网站的请求数。

1、下载：淘宝下载地址：

svn co http://code.taobao.org/svn/nginx_concat_module/trunk nginx_concat_module

 

2、安装：

./configure –prefix=/usr/local/nginx –user=www –group=www –with-http_stub_status_module –with-http_ssl_module –with-pcre –add-module=/root/nginx_concat_module

make && make install

我们要注意的就是–add-module=/root/nginx_concat_module这一段，这里的路径就是你解压concat.tar.gz的nginx_concat_module这个文件夹的路径

 

3、配置：

你的需要实现文件合并的网站的配置文件加上

concat    on;

如我这个配置：

server {

        listen 80;

        server_name 192.168.1.100;

        root    /data/www/test;

        index   index.html;

        location / {

                concat  on;

        }

}

 

4、使用：

现在我们在网站目录下放置2个js文件，1.js和2.js

我们可以通过http://192.168.1.100/??1.js,2.js访问，发现2个JS的文件都在我们访问的页面里面了；然 后我们在网站根目录下新建一个目录abc，在目录abc里面放上3.js，然后我们通过域名访问http://192.168.1.100 /??1.js,2.js,abc/3.js访问，3个js的内容都在我们访问的页面上了，在这里，大家注意下，我们展示出来的页面里面内容的顺序是和我 们访问的文件的排序有关的，排在最前面的文件，就现在在最上面，依次排列，排在最后的文件就在最下面显示出来。

 

5、注意：concat还有一些参数，大家可以根据需要设置：

concat on; #nginx_concat_module模块的开关

concat_max_files 10; #最大合并文件数

concat_unique on; #只允许同类型文件合并

concat_types text/html; #允许合并的文件类型，多个以逗号分隔。如：application/x-javascript, text/css