有的網站有很多的 CSS 文件，如果將它們合并到一起并且進行 Gzip 壓縮會減少請求和文件大小，有利于提高網站加載速度。為了方便我不推薦人工壓縮和合并 CSS，而是使用 PHP 代碼。

首先將所有 CSS 放到一個目錄里,然后在此目錄新建一個空的 CSS 文件,命名為 css.php,其實除了后綴命名隨便.然后在 PHP 文件里放下邊的代碼:

1. <?php 
2. header('Content-type: text/css'); 
3. ob_start("compress"); 
4. function compress($buffer) { 
5.  $buffer = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $buffer); 
6.  $buffer = str_replace(array("rn", "r", "n", "t", '  ', '    ', '    '), '', $buffer); 
7.  return $buffer; 
8. } 
9. /*include('colorpicker.css'); 
10. include('jquery-ui.css'); 
11. include('style.css'); 
12. include('switchery.min.css');*/ 
13. foreach( glob( "*.css" ) as $filename ) include $filename; 
14. ob_end_flush(); 
15. ?> 

引入 CSS 文件的代碼換成引入這個 PHP 文件,例如:

1. <link rel='stylesheet' id='style-css'  href='/css/css.php' type='text/css' media='all' /> 

壓縮多個css為一個css,代碼如下:

1. /*  
2. Compress multiple CSS files into one and cache for an hour. 
3.  
4. Use the same code for Javascript, but replace below "text/css" with "text/javascript" and of course make sure you include .js files instead of .css ones.  
5. */ 
6. ob_start("ob_gzhandler");  
7. header("Content-type: text/css; charset: UTF-8");      
8. header("Expires: ".gmdate("D, d M Y H:i:s", time() + 60*60)." GMT"); 
9.  
10. include('somefile.css');  
11. echo "nn";  
12. include('anotherfile.css');  
13. echo "nn"; 
14.  
15. ob_flush(); 

下面整理可壓縮css,js的函數,代碼如下:

1. /** 
2.  * 合并css樣式為一個文件 
3.  * 
4.  * @param unknown_type $urls 
5.  * @param unknown_type $path 
6.  * @param unknown_type $tmpl_path 
7.  * @return unknown 
8.  */ 
9. function parse_css($urls,$path="./static/",$tmpl_path='.'){ 
10.     $url = md5(implode(',',$urls)); 
11.     $css_url = $path.$url.'.css'; 
12.     if(!file_exists($css_url)){ 
13.         if(!file_exists($path))mkdir($(www.49028c.com)path,0777); 
14.         $css_content = ''; 
15.         foreach($urls as $url){ 
16.          $css_content .= @file_get_contents($url); 
17.         } 
18.         $css_content = preg_replace("/[rn]/",'',$css_content); 
19.         $css_content = str_replace("../images/",$tmpl_path."/images/",$css_content); 
20.         @file_put_contents($css_url,$css_content); 
21.     } 
22.     return $css_url; 
23. } 
24. /** 
25.  * 合并js為一個文件 
26.  * 
27.  * @param unknown_type $urls 
28.  * @param unknown_type $path 
29.  * @return unknown 
30.  */ 
31. function parse_script($urls,$path="./static/"){ 
32.     $url = md5(implode(',',$urls)); 
33.     $js_url = $path.$url.'.js'; 
34.     if(!file_exists($js_url)) 
35.     { 
36.         if(!file_exists($path))mkdir($path,0777); 
37.         require_once "inc/javascriptpacker.php"; 
38.         $js_content = ''; 
39.         foreach($urls as $url) 
40.         { 
41.             $append_content = @file_get_contents($url)."rn"; 
42.             $packer = new JavaScriptPacker($append_content); 
43.             $append_content = $packer->pack(); 
44.             $js_content .= $append_content; 
45.         } 
46.         @file_put_contents($js_url,$js_content); 
47.     } 
48.     return $js_url; 
49. } 

前臺js調用:

1. <?php 
2. $pagejs[] = $tplurl."js/jump.js"; 
3. $jsfile=parse_script($pagejs,"./template/default/js/","."); 
4. ?> 
5. <script type="text/javascript" src="<?=$jsfile?>"></script> 

前臺css調用:

1. <?php 
2. $pagecss[] = $tplurl."style/index_top.css"; 
3. $pagecss[] = $tplurl."style/index.css"; 
4. $cssfile=parse_css($pagecss,"./template/default/style/","."); 
5. ?> 
6. <link rel="stylesheet" type="text/css" href="<?=$cssfile?>" /> 

PHP 文件里就包含了所有被壓縮的 CSS 代碼,而且可以自動引入 CSS 目錄里的所有 CSS 文件,不用在新建 CSS 文件的時候再修改這個 PHP 文件.