使用nginx-http-concat资源请求合并功能 优化网站响应

简介: 使用nginx-http-concat资源请求合并功能 优化网站响应

使用nginx-http-concat添加nginx资源请求合并功能

1.下载 这是https://github.com/alibaba/nginx-http-concat网址
cd /usr/local/src
wget https://github.com/alibaba/nginx-http-concat/archive/master.zip -O nginx-http-concat-master.zip

2.解压 unzip nginx-http-concat-master.zip  

3.再配置下nginx编译参数

查看版本号以及配置信息(目录/模块) 这很重要,因为我们需要安装同一个版本来升级数据

/usr/local/nginx/sbin/nginx -V

也就是在原来的配置上添加  --add-module=--add-module=/usr/local/src/nginx-http-concat-master (解压目录)

make之前备份配置文件,防止意外

cp -r /usr/local/nginx/conf  /root/nginxconf

编译安装

make && make install

二、配置使用nginx-http-concat模块

1、配置项

   1) concat ,是否打开资源合并开关,选项:on | off,默认:off

   2) concat_types ,模块处理的资源类型,默认:text/css application/x-javascript

   3) concat_unique ,是否允许合并不同类型的资源,选项:on | off,默认:on

   4) concat_max_files ,允许合并的最大资源数目,默认:10

   5) concat_delimiter ,合并后的文件内容分隔符,用于区分不同文件的内容

   6) concat_ignore_file_error ,是否忽略404或403错误,选项:on | off,默认:off

server {
        listen       80;
        server_name localhost;
        index index.html index.htm;
        root  /html;
                
        location /static/css/ {
                concat on;    //开启
                concat_max_files 20; //最大合并文件数量是20个
        concat_delimiter /* my file */;  //
        concat_unique off;
        concat_types text/css application/javascript;
      }
 
        location /status {
                stub_status on;
                access_log   off;
        }
 
        location ~ .*\.(gif|jpg|jpeg|png|bmp|swf|js)$ {
                expires      off;
        }
    
}

重启nginx,命令:/usr/local/nginx/sbin/nginx -s reload

创建测试文件,在web目录下创建/static/css目录,并创建文件a.css、b.css,内容随意。

请求地址:http://localhost/my-web/static/css??a.css,b.css,如看到返回a.css、b.css合并内容,则整个配置完成。注意,url中static/css目录必须真实存在,且a.css与b.css必须位于此目录中。

 

 

 

目录
相关文章
|
7天前
|
Web App开发 缓存 JavaScript
使用TypeScript创建高效HTTP代理请求
使用TypeScript创建高效HTTP代理请求
|
2天前
|
监控 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(2)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
14 1
|
2天前
|
负载均衡 前端开发 应用服务中间件
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽(1)
前端开发者必备:Nginx入门实战宝典,从部署到优化一网打尽
17 1
|
4天前
|
JSON 数据格式 Python
Python 的 requests 库是一个强大的 HTTP 客户端库,用于发送各种类型的 HTTP 请求
【6月更文挑战第15天】Python的requests库简化了HTTP请求。安装后,使用`requests.get()`发送GET请求,检查`status_code`为200表示成功。类似地,`requests.post()`用于POST请求,需提供JSON数据和`Content-Type`头。
32 6
|
6天前
|
Python
python做http请求
python做http请求
11 1
|
11天前
|
JSON API 数据格式
Requests库:轻松实现Python中的HTTP请求
Requests是Python的第三方HTTP库,简化了HTTP请求的发送,支持GET、POST等方法。要安装,使用`pip install requests`。Requests以其简洁API和强大功能成为网络编程首选工具,为开发者提供高效稳定的网络交互体验。
23 5
|
12天前
|
API Python
Python HTTP请求库对比,以实战请求豆瓣排行榜为例
对比了Python的几个HTTP请求库,包括`requests`、`http.client`、`aiohttp`、`urllib`、`httpx`、`treq`和`requests-toolbelt`,各有特点和优缺点。选择时应考虑项目需求(如异步支持)、易用性、社区支持、性能和兼容性。示例展示了如何使用`requests`和`aiohttp`库发送豆瓣电影排行榜的GET请求。
8 0
|
12天前
|
JSON 安全 Java
JAVA Socket 实现HTTP与HTTPS客户端发送POST与GET方式请求
JAVA Socket 实现HTTP与HTTPS客户端发送POST与GET方式请求
15 0
|
13天前
流量回放工具之 GoReplay output-http-stats(HTTP请求统计) 源码分析
【6月更文挑战4天】流量回放工具之 GoReplay output-http-stats(HTTP请求统计) 源码分析
18 4
|
15天前
|
Windows
iis配置http重定向302转发get请求并去掉最后的斜杠/ iis重定向 iis去除url最后的斜杠 iis重定向链接斜杠(已解决)
iis配置http重定向302转发get请求并去掉最后的斜杠/ iis重定向 iis去除url最后的斜杠 iis重定向链接斜杠(已解决)