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

最新推荐文章于 2024-05-28 10:20:58 发布

最新推荐文章于 2024-05-28 10:20:58 发布 · 250 阅读

文章标签：

#运维

中间件tomcat/resin/nginx/was 专栏收录该内容

43 篇文章

订阅专栏

本文介绍如何利用Nginx的插件实现JS文件的合并，以此来减少HTTP请求次数，提高网页加载速度。通过配置Nginx的concat模块，可以将多个小型JS文件合并为一个文件进行加载。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

根据雅虎性能优化准则，可以将大量的小型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