文档章节

巧用nginx_concat_module减少请求数

xiaoxin
 xiaoxin
发布于 2014/06/27 09:07
字数 451
阅读 138
收藏 8

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


本文转载自:http://www.linuxsky.org/doc/network/201404/449.html

共有 人打赏支持
xiaoxin
粉丝 18
博文 262
码字总数 20225
作品 0
海淀
私信 提问
安装nginx-http-concat 减少http请求

Nginxconcatmodule 是淘宝开发的基于Nginx减少HTTP请求数量的扩展模块,主要是用于合并减少前端用户Request的HTTP请求的数量 下载完成之后需要重新编nginx 访问链接:www.xxx.cm/js/??1.js,2....

liupengv5
2012/12/17
0
0
腾勇/php-concat

php-concat php-concat 是 PHP 支持文件合并模块,主要用于合并前端代码减少 http 请求数,需要 Web Server 支持。 主要是解决了,在 Web Server 支持文件合并和不支持文件合并环境之间的兼容...

腾勇
2014/08/31
0
0
php-concat

php-concat 是 PHP 支持文件合并模块,主要用于合并前端代码减少 http 请求数,需要 Web Server 支持。 主要是解决了,在 Web Server 支持文件合并和不支持文件合并环境之间的兼容性问题。 ...

开源中国董事会主席
2014/07/26
576
0
使用Tengine concat模块合并多个CSS,JS 请求

用淘宝改良的Nginx(Tengine)提供web服务 今天在本博客上顺利把Nginx换成了Tengine;并启用了动态加载模块 modconcat,对本博客使用的知更鸟主题各个页面head模板中大量调用的多个CSS,JSS请...

闪电
2015/08/12
0
0
css模块化加载时,归一请亲,怎么实现的

我们经常可以看到一些网站样式的引入比如阿里的: 完全模块化,每一个都可以独立访问,难道后台要写代码合并?这肯定是最low的做法,上面这个很清楚CDN加速 是不是有什么配置,各位的大牛谁知...

宝塔镇河妖
2015/09/26
311
0

没有更多内容

加载失败,请刷新页面

加载更多

协议简史:如何学习网络协议?

大学时,学到网络协议的7层模型时,老师教了大家一个顺口溜:物数网传会表应。并说这是重点,年年必考,5分的题目摆在这里,你们爱背不背。 考试的时候,果然遇到这个问题,搜索枯肠,只能想...

Java干货分享
16分钟前
1
0
集合练习

package package1;import java.util.ArrayList;import java.util.Collection;import java.util.HashMap;import java.util.List;import java.util.ListIterator;import java.ut......

小橙子的曼曼
19分钟前
0
0
雷军亲自打造的套餐了解下:用多少付多少

12月28日消息,小米科技创始人兼CEO雷军微博表示,小米移动任我行套餐方案,原则上就是明明白白消费,用多少付多少,不用不花钱!上网、电话和短信都是一毛钱,上网0.1元/M,电话0.1元/分钟,...

linux-tao
40分钟前
1
0
在 Ubuntu 上为 CentOS 编译 Rust 程序

现在 CentOS 8 还没出来,最新的是 CentOS 7.6,上面搭载的 glibc 版本是 2.17,都已经是 2012 年那时候的版本了。 现在开发者比较常用的桌面 Linux 系统,比如 Ubuntu / Debian / Mint / A...

helloclia
50分钟前
12
0
Android Multimedia框架总结(一)MediaPlayer介绍之状态图及生命周期

前言:从本篇开始,将进入Multimedia框架,包含MediaPlayer, Camera, Surface, MediaRecord, 接下来几篇都是MediaPlayer相关。同样看下Agenda如下: MediaPlayer的状态图 Idle 状态 End 状态...

天王盖地虎626
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部