使用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必须位于此目录中。

 

 

 

目录
相关文章
|
1月前
|
数据采集 API 定位技术
合适HTTP代理优化效率的方法与好处
随着互联网发展,使用HTTP动态代理IP的需求日益增加。选择稳定、支持隧道代理、速度快、多样性高、支持HTTPS、API集成便捷、可更换性强、并发支持好且IP池大的代理IP,能有效提升爬虫效率和成功率。掌握这些实用技巧,有助于更好地利用代理IP进行数据采集。
58 10
|
2月前
|
负载均衡 Ubuntu 应用服务中间件
nginx修改网站默认根目录及发布(linux、centos、ubuntu)openEuler软件源repo站点
通过合理配置 Nginx,我们可以高效地管理和发布软件源,为用户提供稳定可靠的服务。
187 13
|
2月前
|
负载均衡 监控 定位技术
HTTP代理网速变慢的原因及优化策略
随着互联网技术的发展,使用HTTP动态代理IP的人越来越多。本文介绍了HTTP代理网速变慢的六个常见原因及解决方法,包括代理服务器的地理位置、带宽、服务器负载、网络拥塞、配置问题和数据加密解密时间。通过识别和解决这些问题,可以有效提升HTTP代理的网速。
104 10
|
3月前
|
前端开发 UED 开发者
CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度
本文探讨了CSS Sprites和图标字体在网页图标加载优化中的应用。CSS Sprites通过合并多图标减少HTTP请求,提升加载速度;图标字体则以字体形式呈现图标,便于调整样式。文章分析了两者的优缺点及应用场景,并提供了应用技巧和注意事项,旨在帮助开发者提升页面性能,改善用户体验。
47 5
|
3月前
|
前端开发 JavaScript 数据库
https页面加载http资源的解决方法
https页面加载http资源的解决方法
93 5
|
3月前
|
前端开发 Java 应用服务中间件
Tomcat和Nginx的资源路径映射
Tomcat和Nginx的资源路径映射
94 1
|
3月前
|
前端开发 JavaScript 数据库
https页面加载http资源的解决方法
https页面加载http资源的解决方法
114 4
|
4月前
|
Docker 容器
docker nginx-proxy 添加自定义https网站
docker nginx-proxy 添加自定义https网站
63 4
|
4月前
|
前端开发 JavaScript 应用服务中间件
使用nginx部署网站
使用nginx部署网站
|
5月前
|
JSON 移动开发 监控
快速上手|HTTP 接口功能自动化测试
HTTP接口功能测试对于确保Web应用和H5应用的数据正确性至关重要。这类测试主要针对后台HTTP接口,通过构造不同参数输入值并获取JSON格式的输出结果来进行验证。HTTP协议基于TCP连接,包括请求与响应模式。请求由请求行、消息报头和请求正文组成,响应则包含状态行、消息报头及响应正文。常用的请求方法有GET、POST等,而响应状态码如2xx代表成功。测试过程使用Python语言和pycurl模块调用接口,并通过断言机制比对实际与预期结果,确保功能正确性。
323 3
快速上手|HTTP 接口功能自动化测试