為減少HTTP請求,我們往往需要合並和壓縮多個JS和CSS文件,下面記錄下網上關於實現這個功能的PHP源碼以及開源項目Minify的使用方法
一、實現合並和壓縮多個JS和CSS文件的代碼請參考
1、一句命令快速合並JS和CSS文件
2、PHP合並多個JS和CSS文件,減少HTTP請求(原型)
二、Minify的使用方法
1、從code.google.com/p/minify/下載最新版Minify並解壓縮,將"min"文件夾連同裡面的內容一起復制到DOCUMENT_ROOT目錄下(即網站跟目錄)。
可以修改文件夾名"min"
2、在"min/groupsConfig.php"裡配置g參數
return array(
// 'js' => array('//js/file1.js', '//js/file2.js'),
// 'css' => array('//css/file1.css', '//css/file2.css'),
);
3、在網頁中按照如下方式引用就可以了:
<script type="text/javascript" src="/min/g=js&20140519"></script>
後面的數字可以用更新日期來作標志,"min"和步驟1裡的名稱對應。
4、性能優化,請參考code.google.com/p/minify/wiki/CookBook
注意:
1、需要將httpd.conf裡的rewrite_module模塊開啟
2、開發過程中,可以將調試模式開啟,開發完畢後再將調試模式關閉,可以利用火狐浏覽器的firebug來查看
$min_allowDebugFlag = true