巧用nginx_concat_module減小請求數

nginx_concat_module是淘寶開發的一個nginx的模塊,很是有用的模塊,安裝了此模塊,能夠讓咱們對js,css等文件進行合併,從而減小訪問網站的請求數。javascript

一、下載:淘寶下載地址:css

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

 

二、安裝:java

./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_modulenginx

make && make installapp

咱們要注意的就是–add-module=/root/nginx_concat_module這一段,這裏的路徑就是你解壓concat.tar.gz的nginx_concat_module這個文件夾的路徑svn

 

三、配置:網站

你的須要實現文件合併的網站的配置文件加上spa

concat    on;code

如我這個配置:

server {

        listen 80;

        server_name 192.168.1.100;

        root    /data/www/test;

        index   index.html;

        location / {

                concat  on;

        }

}

 

四、使用:

如今咱們在網站目錄下放置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的內容都在咱們訪問的頁面上了,在這裏,你們注意下,咱們展現出來的頁面裏面內容的順序是和我 們訪問的文件的排序有關的,排在最前面的文件,就如今在最上面,依次排列,排在最後的文件就在最下面顯示出來。

 

五、注意:concat還有一些參數,你們能夠根據須要設置:

concat on; #nginx_concat_module模塊的開關

concat_max_files 10; #最大合併文件數

concat_unique on; #只容許同類型文件合併

concat_types text/html;#容許合併的文件類型,多個以逗號分隔。如:application/x-javascript, text/css

相關文章
相關標籤/搜索