文档章节

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

conans1
 conans1
发布于 2015/10/21 00:46
字数 350
阅读 730
收藏 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模块化加载时,归一请亲,怎么实现的

我们经常可以看到一些网站样式的引入比如阿里的:

宝塔镇河妖
2015/09/26
290
0
巧用nginx_concat_module减少请求数

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

xiaoxin
2014/06/27
0
0

没有更多内容

加载失败,请刷新页面

加载更多

企业级 SpringBoot教程(三)SpringBoot用JdbcTemplates访问Mysql

准备工作 jdk 1.8 maven 3.0 idea mysql 初始化mysql: -- create table `account`DROP TABLE `account` IF EXISTSCREATE TABLE `account` ( `id` int(11) NOT NULL AUTO_INCREMENT,......

itcloud
29分钟前
1
0
事务的作用

1. 什么是事务,为什么使用事务? 一、概念: 1.数据库事务: 数据库事务通常指对数据库进行读或写的一个操作序列。 它的存在包含有以下两个目的: 1、为数据库操作提供了一个从失败中恢复到正常...

gaomq
30分钟前
1
0
Web工程师以太坊入门

我经常构建使用以太坊的Web应用程序,我理所当然地认为每天都使用的是神奇的工具集。我们的生态系统正在迅速发展,我认为很多新人都感到不知所措。以太坊是一项了不起的技术,但它也是新生的...

geek12345
33分钟前
0
0
新蠕虫出现:以Linux和Windows为目标

正如Unit 42研究团队所详述的那样,名为Xbash的新恶意软件系列与Iron Group有关,Iron Group是一个以前知道可以执行勒索软件攻击的威胁行为者,显然已经转向更复杂的攻击媒介。 据观察,Xba...

linux-tao
36分钟前
0
0
Mask 动画

前言:很多动效都是多种动画的组合,有时候你可能只是需要其中某个动画,但面对庞杂的代码库或是教程,你可能比较困惑,本系列将复杂动效中不常见的动画效果拆解出来便于学习,授人以鱼不如授...

walking_yxf
36分钟前
0
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部