注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

天朝布衣田中码农参上

苦逼码农的点点滴滴,请多多指教!

 
 
 

日志

 
 
 
 

利用Nginx-concat-Module合并Http请求连接以加快网页显示  

2016-08-28 09:05:53|  分类: 服务器 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
Nginx_concat_module是淘宝开发的基于Nginx减少HTTP请求数量的扩展模块,主要是用于合并HTTP请求以减少前段用户Request的数量,加快网页的显示。
官网的地址是:https://github.com/alibaba/nginx-http-concat/。最新源码地址是:http://code.taobao.org/svn/nginx_concat_module/trunk/。
安装 nginx_concat_module 需要重新编译 nginx,在下载了相关源代码包后,在 ./configure 中增加参数
--add-module=nginx_concat_module即可[这里的nginx_concat_module要根据您的Nginx-concat-Module相应目录来调整,这里用目录/app/nginx/nginx_concat_module为例]。Nginx编译命令如下[其它相关参数省略]:

./configure --add-module=/app/nginx/nginx_concat_module && make && make install

使用方法也很简单,比如有一个目录中的文件请求需要合并[/static/],那么在nginx.conf中配置如下:

location /static/ {
# 打开concat 功能,默认关闭
concat on;
# 允许concat最大的合并文件数,默认十个
concat_max_files 20;
# 只允许相同类型的文件,默认是开启的,即不允许不同文件类型混用
# concat_unique on;
# 允许内容的类型,(default: application/x-javascript, text/css)
# concat_types text/html;
# 忽略文件错误,默认是关闭,即不无视404错
# concat_ignore_file_error on;
# 文件名分隔符,默认是',',如果设置为某字符string,那么相应的','就要更改成这个字符string
# concat_delimiter string;
}

当然页面的HTML代码也要稍稍调整下。比如原来是这样的请求:

<script src="http://593668.com/static/jquery.js"></script>
<script src="http://593668.com/static/common.js"></script>

便可以改写成为一行。

<script src="http://593668.com/static/??jquery.js,common.js"></script>

这里请注意下,后而两个??不要少掉了。另外,请注意,css/js 有顺序需求请谨慎使用,不要和rewrite 发生冲突。对了,最后说下,合并请求之后,最理想的情况下是,把所有css和js合并为两个请求,相应的网页显示速度一般会有40-50%的提高



  评论这张
 
阅读(1)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2018