Nginx模块js与css多个请求合并为一个请求

Nginx模块js与css多个请求合并为一个请求

模块: nginx-http-concat
作用: 将多个css或js文件合并成一个请求
模块开源地址: https://github.com/alibaba/nginx-http-concat
模块维基文档: https://www.nginx.com/resources/wiki/modules/concat

1.模块下载

2.添加模块

模块编译方法参照: http://www.linuxhub.org/?p=3220

3.测试验证

3.1.Nginx配置

3.2.网站目录文件结构
# 静态文件目录
[root@zeping ~]# mkdir /data/web/www.linuxhub.cn/static/css -p
[root@zeping ~]# mkdir /data/web/www.linuxhub.cn/static/js -p

# css文件
[root@zeping ~]# vim /data/web/www.linuxhub.cn/static/css/1.css
[root@zeping ~]# vim /data/web/www.linuxhub.cn/static/css/2.css
[root@zeping ~]# vim /data/web/www.linuxhub.cn/static/css/3.css

# js文件
[root@zeping ~]# vim /data/web/www.linuxhub.cn/static/js/1.js
[root@zeping ~]# vim /data/web/www.linuxhub.cn/static/js/2.js

3.3.访问地址

3.4.合并后的访问地址
# 访问使用的时候,加两个”?”问号然后面的文件名或路径即可

你可能感兴趣的:(Nginx模块js与css多个请求合并为一个请求)