Tengine：合并多CSS/JS为一次响应

阅读更多

Tengine是由淘宝网发起的Web服务器项目。它在Nginx的基础上，针对大访问量网站的需求，添加了很多高级功能和特性。Tengine的性能和稳定性已经在大型的网站如淘宝网，天猫商城等得到了很好的检验。它的最终目标是打造一个高效、稳定、安全、易用的Web平台。介绍《Tengine：淘宝天猫正在使用的Web Server》

使用过百度站长工具的朋友都了解，网站优化中会有一项合并多个CSS文件或JS文件的建议，网站在被访问时，需要请求的资源越少，相应的网站表现出的访问速度也就越快。 比较常见的做法是将多个CSS文件和JS文件代码合并到一个CSS或JS文件中，但是手工合并势必会造成对网站后期代码修改的不变。 

对此，Tengine动态模块带来了很不错的解决方案。

开启模块：ngx_http_concat_module

该模块类似于apache中的mod_concat模块，用于合并多个文件在一个响应报文中。请求参数需要用两个问号（’??’）例如：

 

 

http://example.com/??style1.css,style2.css,foo/style3.css

 

参数中某位置只包含一个‘?’，则’?’后表示文件的版本，例如：

 

http://example.com/??style1.css,style2.css,foo/style3.css?v=102234

 

开启方法，编辑配置文件，一般为nginx.conf，在如下所示的部分添加加粗部分的内容。

 

location / {      concat on;
    concat_max_files 20;  }

 

重启Tengine即可。