nginx-http-concat静态资源文件合并
博客专区 > conans1 的博客 > 博客详情
nginx-http-concat静态资源文件合并
conans1 发表于3年前
nginx-http-concat静态资源文件合并
  • 发表于 3年前
  • 阅读 679
  • 收藏 12
  • 点赞 1
  • 评论 0

【腾讯云】买域名送云解析+SSL证书+建站!>>>   

模块介绍

nginx-http-concat 模块由淘宝开发,目前已经包含在tengine中,并且淘宝已经在使用这个nginx模块。不过它暂时没有包含在nginx中。这个模块类似于apache中的modconcat。如果需要使用它,需要使用两个"?"问号.

来个范例:

http://example.com/??style1.css,style2.css,foo/style3.css

以上将原先3个请求合并为1个请求

如果你担心文件被用户的浏览器缓存而没有及时更新,你依旧可以带上一个版本号的参数,如下:

http://example.com/??style1.css,style2.css,foo/style3.css?v=102234

1. 安装 nginx-http-concat

# cd /usr/local/src/
# wget http://nginx.org/download/nginx-1.4.2.tar.gz
# wget https://github.com/alibaba/nginx-http-concat/archive/master.zip -O nginx-http-concat-master.zip
# unzip nginx-http-concat-master.zip
# tar -xzvf nginx-1.4.2.tar.gz
# cd nginx-1.4.2
# ./configure --prefix=/usr/local/nginx-1.4.2 --with-http_stub_status_module \
--add-module=../nginx-http-concat-master
# make
# make install

2. 指令说明, 

    请参考 github中的模块说明,>>>这里

3. 配置nignx 

server {
 
    listen       80;
    server_name  www.example.com;
 
    root /data/site/www.example.com;
    location /static/ {
        concat on;
        concat_max_files 20;
        concat_unique off;
    }
}

4. 验证模块安装成功

   通过访问 http://example.com/??style1.css,style2.css,foo/style3.css , 可以返回的内容包含style1.css, style2.css, style3.css 的内容, 验证成功.


5. 结束语

    使用nginx-http-concat 可以通过减少web请求在一定程度上减少web 服务器的压力, 但目前nginx-http-concat  和proxy_pass 还无法同时使用.  看到网上提到google的pagespeed模块, 还没有使用. 



  • 打赏
  • 点赞
  • 收藏
  • 分享
共有 人打赏支持
粉丝 0
博文 17
码字总数 3281
×
conans1
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: