文档章节

nginx-http-concat静态资源文件合并

conans1
 conans1
发布于 2015/10/21 00:46
字数 350
阅读 738
收藏 12

模块介绍

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模块, 还没有使用. 



© 著作权归作者所有

共有 人打赏支持
conans1
粉丝 0
博文 25
码字总数 3281
作品 0
厦门
技术主管
私信 提问
Nginx的静态文件合并请求,加快网站的加载速度

现在的网站表现力越来越丰富,页面加载的js和css自然也越来越多。当网站页面上的js和css太多,浏览器打开页面的速度就会很慢,明显降低了用户的体验。使用mod_concatx, 可以合并多个文件在一...

xinsir999
2017/10/02
0
0
Tengine初体验——ubuntu安装tengine

最近团队在搞前端创新,准备引入一些新技术,在同事发的邮件中,看到了淘宝基于nginx开发的静态服务器——Tengine。在“one company”的理念下,公司静态服务器很有可能从独角兽切换到Tengi...

北河
2012/08/17
0
2
使用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
巧用nginx_concat_module减少请求数

nginxconcatmodule是淘宝开发的一个nginx的模块,非常有用的模块,安装了此模块,可以让我们对js,css等文件进行合并,从而减少访问网站的请求数。 1、下载:淘宝下载地址: svn co http://co...

xiaoxin
2014/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

微服务分布式事务实现

https://www.processon.com/view/link/5b2144d7e4b001a14d3d2d30

WALK_MAN
今天
2
0
《大漠烟尘》读书笔记及读后感文章3700字

《大漠烟尘》读书笔记及读后感文章3700字: 在这个浮躁的社会里,你有多久没有好好读完一本书了? 我们总觉得自己和别人不一样,所以当看到别人身上的问题时,很少有“反求诸己”,反思自己。...

原创小博客
今天
4
0
大数据教程(9.5)用MR实现sql中的jion逻辑

上一篇博客讲解了使用jar -jar的方式来运行提交MR程序,以及通过修改YarnRunner的源码来实现MR的windows开发环境提交到集群的方式。本篇博主将分享sql中常见的join操作。 一、需求 订单数据表...

em_aaron
今天
3
0
十万个为什么之什么是resultful规范

起源 越来越多的人开始意识到,网站即软件,而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点...

尾生
今天
3
0
Terraform配置文件(Terraform configuration)

Terraform配置文件 翻译自Terraform Configuration Terraform用文本文件来描述设备、设置变量。这些文件被称为Terraform配置文件,以.tf结尾。这一部分将讲述Terraform配置文件的加载与格式。...

buddie
今天
5
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部