`
85977328
  • 浏览: 1904120 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

nginx系列(七)静态文件合并Concat

 
阅读更多
根据雅虎性能优化准则,可以将大量的小型JS文件进行合并,用来提高WEB服务器的性能。下面就是笔者的一个实践。

目前必须安装在1.4.+才可以
官方:http://wiki.nginx.org/HttpConcatModule
下载源码:http://code.taobao.org/svn/nginx_concat_module/trunk/
./configure \
  --prefix=/home/ebuy/work/usr/nginx/nginx-1.4.7 \
  --add-module=/home/ebuy/work/soft/nginx_concat_module

make -j16 & make install -j16

配置语法
        location / {
            root   html;
            index  index.html index.htm;
# nginx_concat_module 主开关
concat on;
# 最大合并文件数
# concat_max_files 10;
# 只允许同类型文件合并
# concat_unique on;
# 允许合并的文件类型,多个以逗号分隔。如:application/x-javascript, text/css
# concat_types text/html;
# (详细察看安装包下 INSTALL 和 README 文件)。其实不用那么复杂,简单的配置
}

有3个js文件
http://10.27.82.170:8888/a.js
http://10.27.82.170:8888/b.js
http://10.27.82.170:8888/c.js

通过nginx插件,可以一个请求把文件合并(注意是2个问号)
http://10.27.82.170:8888/??a.js,b.js,c.js
0
0
分享到:
评论

相关推荐

    nginx中使用nginx-http-concat模块合并静态资源文件

    `nginx-http-concat`模块正是为了这个目的而设计的,它允许Nginx服务器将多个CSS和JavaScript文件合并成一个请求,从而减少HTTP请求的数量,加快页面的加载速度。这个模块由阿里巴巴开发并开源,可以在GitHub上找到...

    windows系统下的nginx1.4.1,集成了淘宝的concat模块

    2. **HTTP Concatenation (http-concat)**:这个模块允许Nginx在服务静态资源时,将多个CSS或JS文件合并成一个文件,从而减少HTTP请求的数量,提高页面加载速度,遵循了减少HTTP往返次数的性能优化原则。 3. **源码...

    nginx-1.0.2.zip

    这里,我们为静态资源目录`/static/css/`和`/static/js/`启用了concat功能,并指定了文件类型和合并的最大数量。 ### 五、测试与验证 1. **重启Nginx**:更新配置后,需要重启Nginx以使更改生效:`sudo /usr/local...

    nginx全套插件包.rar

    12. **ngx_http_concat_module**:合并CSS或JavaScript文件,减少HTTP请求次数,提高页面加载速度。 13. **ngx_pagespeed**:谷歌提供的一个模块,自动优化网页内容,包括压缩图片、合并CSS/JS文件、开启GZIP压缩等...

    Nginx 合并请求连接且加速网站访问实例详解

    **Nginx 合并请求连接且加速网站访问实例详解** 在互联网应用中,Nginx 作为一款高性能、高并发的反向代理服务器,其性能优化能力备受赞誉。其中,Nginx 的合并请求连接功能是提升网站访问速度的重要手段之一。本文...

    Nginx生产环境优化

    - **静态资源缓存**:对图片、CSS、JavaScript等静态文件启用`proxy_cache`,减少与后端应用服务器的交互。 - **缓存过期时间**:合理设置`proxy_cache_valid`,根据文件类型和更新频率确定缓存时间。 3. **请求...

    nginx配置优化

    **Nginx配置优化**是提高Web服务器性能的关键步骤,特别是在处理高并发访问、静态资源分发和反向代理等场景下。Nginx以其轻量级、高性能和稳定性著称,通过合理的配置,可以有效地减少响应时间,提高系统整体效率。 ...

    taobao_nginx_应用与开发实战.

    前端优化的第一原则“Minimize HTTP Requests”,通过concat模块将多个文件请求合并为一个,有效减少了网络请求,提高了网页加载速度。淘宝CDN combo功能通过使用双问号激活,多个文件间用逗号分隔,加入时间戳以...

    WordPress-Server-Configs:用于 WordPress 的常见 Linux 软件堆栈 10up 的配置

    3. **合并与最小化资源**:通过Nginx的concat模块合并CSS和JS文件,减少HTTP请求次数。 4. **HTTP/2支持**:HTTP/2协议允许同时发送多个请求和响应,进一步提升性能。 5. **静态资源版本控制**:通过URL中的时间戳...

    王晓敏:教育社交平台的多层cache设计

    其中,nginx的http-concat和GridFS模块可以用于资源的合并和存储。页面碎片缓存,例如SSI(Server Side Includes)和Ehcache,主要用于缓存动态生成的页面部分,以减少页面渲染时间。 应用级缓存方面,王晓敏特别...

Global site tag (gtag.js) - Google Analytics