用户名:
密 码: 记住
您当前的位置:首页 > 网络编程 > php教程

PHP压缩javascritp 与CSS的例子

时间:2015-01-23  来源:西部数据  作者:西部数据

有的网站有很多的 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. /*include('colorpicker.css'); 
  9. include('jquery-ui.css'); 
  10. include('style.css'); 
  11. include('switchery.min.css');*/ 
  12. foreachglob"*.css" ) as $filename ) include $filename
  13. ob_end_flush(); 
  14. ?> 

引入 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.  * 合并js为一个文件 
  25.  * 
  26.  * @param unknown_type $urls 
  27.  * @param unknown_type $path 
  28.  * @return unknown 
  29.  */ 
  30. function parse_script($urls,$path="./static/"){ 
  31.     $url = md5(implode(',',$urls)); 
  32.     $js_url = $path.$url.'.js'
  33.     if(!file_exists($js_url)) 
  34.     { 
  35.         if(!file_exists($path))mkdir($path,0777); 
  36.         require_once "inc/javascriptpacker.php"
  37.         $js_content = ''
  38.         foreach($urls as $url
  39.         { 
  40.             $append_content = @file_get_contents($url)."rn"
  41.             $packer = new JavaScriptPacker($append_content); 
  42.             $append_content = $packer->pack(); 
  43.             $js_content .= $append_content
  44.         } 
  45.         @file_put_contents($js_url,$js_content); 
  46.     } 
  47.     return $js_url

前台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 文件.

来顶一下
返回首页
返回首页
推荐资讯
WiFi太不安全:7岁女孩11分钟内入侵公共网络 WiFi太不安全:7岁女孩11分钟内入侵近期刚刚发布研究说WiFi网络能获得人们手机里多少私人信息,
不服跑个分?人工智能也出现“刷分”乱象 不服跑个分?人工智能也出现“刷分2014年,人工智能领域突然爆发,成为了科研和科技创业的热门
相关文章
    无相关信息
栏目更新
栏目热门