首页 >php教程 >PHP源码 > 正文

PHP压缩javascritp 与CSS的例子

原创2016-06-08 17:22:140409

有的网站有很多的 CSS 文件，如果将它们合并到一起并且进行 Gzip 压缩会减少请求和文件大小，有利于提高网站加载速度。为了方便我不推荐人工压缩和合并 CSS，而是使用 PHP 代码。

首先将所有 CSS 放到一个目录里，然后在此目录新建一个空的 CSS 文件，命名为 css.php（其实除了后缀命名随便）。

然后在 PHP 文件里放下边的代码：

代码如下

复制代码

header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
$buffer = preg_replace('!/*[^*]**+([^/][^*]**+)*/!', '', $buffer);
$buffer = str_replace(array("rn", "r", "n", "t", ' ', ' ', ' '), '', $buffer);
return $buffer;
}
/*include('colorpicker.css');
include('jquery-ui.css');
include('style.css');
include('switchery.min.css');*/
foreach( glob( "*.css" ) as $filename ) include $filename;
ob_end_flush();

引入 CSS 文件的代码换成引入这个 PHP 文件，例如：

压缩多个css为一个css

代码如下

复制代码

/*
Compress multiple CSS files into one and cache for an hour.

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.
*/ www.111cn.net
ob_start("ob_gzhandler");
header("Content-type: text/css; charset: UTF-8");
header("Expires: ".gmdate("D, d M Y H:i:s", time() + 60*60)." GMT");

include('somefile.css');
echo "nn";
include('anotherfile.css');
echo "nn";

ob_flush();

下面整理可压缩css,js的函数

代码如下

复制代码

/**
* 合并css样式为一个文件
*
* @param unknown_type $urls
* @param unknown_type $path
* @param unknown_type $tmpl_path
* @return unknown
*/
function parse_css($urls,$path="./static/",$tmpl_path='.'){
$url = md5(implode(',',$urls));
$css_url = $path.$url.'.css';
if(!file_exists($css_url)){
if(!file_exists($path))mkdir($path,0777);
$css_content = '';
foreach($urls as $url){
$css_content .= @file_get_contents($url);
}
$css_content = preg_replace("/[rn]/",'',$css_content);
$css_content = str_replace("../images/",$tmpl_path."/images/",$css_content);
@file_put_contents($css_url,$css_content);
}
return $css_url;
}
/**
* 合并js www.111cn.net为一个文件
*
* @param unknown_type $urls
* @param unknown_type $path
* @return unknown
*/
function parse_script($urls,$path="./static/"){
$url = md5(implode(',',$urls));
$js_url = $path.$url.'.js';
if(!file_exists($js_url))
{
if(!file_exists($path))mkdir($path,0777);
require_once "inc/javascriptpacker.php";
$js_content = '';
foreach($urls as $url)
{
$append_content = @file_get_contents($url)."rn";
$packer = new JavaScriptPacker($append_content);
$append_content = $packer->pack();
$js_content .= $append_content;
}
@file_put_contents($js_url,$js_content);
}
return $js_url;
}
前台
js调用
$pagejs[] = $tplurl."js/jump.js";
$jsfile=parse_script($pagejs,"./template/default/js/",".");
?>

css调用
$pagecss[] = $tplurl."style/index_top.css";
$pagecss[] = $tplurl."style/index.css";
$cssfile=parse_css($pagecss,"./template/default/style/",".");
?>