有的网站有很多的 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.phpfensi.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 文件.

Tags: PHP压缩javascritp

分享到：