Windows下使用mod_concatx模块合并JS与CSS提升网页加载速度

mod_concatx模块简介与优势

随着现代网站功能日益丰富，页面中引用的JavaScript和CSS文件数量也随之增加。当这些资源文件过多时，浏览器加载页面所需的时间会显著延长，从而严重损害用户体验。通过部署mod_concatx模块，可以将多个资源文件合并到单个HTTP响应中，从而有效减少请求次数，提升JS和CSS的加载效率。

具体效果示例如下：

mod_concatx模块基于mod_concat进行改进开发，在此感谢原开发者的基础工作。

虽然原有的mod_concat模块具有参考价值，但在实际生产环境中其作用有限。

原模块主要存在以下三个缺陷：

1、每次请求均向客户端发送数据，未充分利用浏览器缓存机制。 2、存在安全漏洞，可能导致服务端程序被非法下载，例如通过访问"/??jquery.js,common.php"即可触发。 3、合并文件时中间无间隔，导致内容粘连，可能引发解析错误。

因此，我在mod_concat的基础上开发了mod_concatx模块，旨在解决上述问题。

下载地址：http://xiazai.jb51.net/201501/other/mod_concatx-140709.rar（内含源码、DLL文件，并更新了适用于Apache 2.2和2.4的64位版本）

Google代码托管地址：http://code.google.com/p/apmod/

模块配置与使用方法

使用方法如下：

<link href="/style/??css1.css,css2.css,css3.css" type="text/css" rel="stylesheet"/>
<script src="/js/??js1.js,js2.js,js3.js,js4.js" type="text/javascript"></script>

模块配置步骤：

首先打开Apache配置文件httpd.conf。

LoadModule concatx_module modules/mod_concatx.dll

高级配置（以下为默认值，可根据需要调整）：

<IfModule concatx_module>
ConcatxDisable Off
ConcatxCheckModified On
ConcatxSeparator On
ConcatxMaxSize 1024
ConcatxMaxCount 10
ConcatxFileType js,css
</IfModule>

高级参数配置说明

参数详细说明：

ConcatxDisable On/Off
//控制是否启用mod_concatx模块
ConcatxCheckModified On/Off
//检查文件是否发生修改，建议设置为On
ConcatxSeparator On/Off
//合并文件时是否添加换行分隔符，建议设置为On
ConcatxMaxSize 数字
//合并后文件的总大小限制，建议设置不宜过大
ConcatxMaxCount 数字
//合并文件的总数量限制，建议设置不宜过大
ConcatxFileType js,css
//允许合并的文件类型，如需不限制可填写","

编译建议与常见问题

最后建议： 建议自行编译此模块，以确保安全性和可靠性。

后续改进方向： todo:考虑加入JS和CSS压缩功能 todo:考虑支持Zend解析后的文件 bug:目录存在默认页时加载异常（考虑通过上层Hook处理）

如果加载模块后Apache无法启动，请安装VC10运行库，下载地址为 http://www.microsoft.com/en-us/download/details.aspx?id=5555