企业🤖AI Agent构建引擎,智能编排和调试,一键部署,支持私有化部署方案 广告
# 合并请求 前端性能优化中重要一点就是尽量减少http资源请求的数量。通过nginx-http-concat模块(淘宝开发的第三方模块,需要单独安装)用一种特殊的请求url规则(例子:`example.com/??1.js,2.js,3.js` ),前端可以将多个资源的请求合并成一个请求,后台Nginx会获取各个资源并拼接成一个结果进行返回。例如上面的例子通过一个请求将1.js,2.js,3js三个js资源合并成一个请求,减少了浏览器开销。 本地server mysite-base.com为例,static/js文件夹下有三个文件,文件内容很简单,分别为: ![](https://box.kancloud.cn/a502a5707c0883aff53f7ed9d2535beb_859x86.png) Nginx配置如下: ~~~ # js资源http-concat # nginx-http-concat模块的参数远不止下面三个,剩下的请查阅文档 location /static/js/ { concat on; # 是否打开资源合并开关 concat_types application/javascript; # 允许合并的资源类型 concat_unique off; # 是否允许合并不同类型的资源 concat_max_files 5; # 允许合并的最大资源数目 } ~~~ 当在浏览器请求`http://mysite-base.com/static/js/??a.js,b.js,c.js` 时,发现三个js被合并成一个返回了,如下图: ![](https://box.kancloud.cn/093e793dbb18ccbebb1d9eb152a6bf5a_555x103.png)