PHP合并多个JS和CSS文件，减少HTTP请求

最新推荐文章于 2021-08-04 07:32:25 发布

转载最新推荐文章于 2021-08-04 07:32:25 发布 · 242 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：https://my.oschina.net/u/1168113/blog/1538307

文章标签：

#php #javascript #ui #ViewUI

本文介绍了一种通过PHP实现的CSS和JS文件合并及压缩的方法，以减少HTTP请求次数，提高网页加载速度。该方法使用了简单的原型，通过解析GET参数获取文件名，读取文件内容并进行压缩，同时移除注释和空白字符。

HTML：

<link rel="stylesheet" type="text/css" href="cssmin.php?get=base,style1,style2,global&path=css/&v=20131023" />
<script type="text/javascript" src="jsmin.php?get=jquery-1.6.4.min.js,minjquery.js,minjquery.ui.js,test.js,global.js&path=js/&v=20131023"></script>

PHP：

//输出JS
header ("Content-type:Application/x-javascript; Charset: utf-8");
if(isset($_GET)) {
	$files = explode(",", $_GET['get']);
	$str = '';
	foreach ($files as $key => $val){
		$str .= file_get_contents($_GET['path'].$val);
	}

	$str = str_replace("\t", "", $str); //清除空格
	$str = str_replace("\r\n", "", $str); 
	$str = str_replace("\n", "", $str); 

	// 删除单行注释
	$str = preg_replace("/\/\/\s*[a-zA-Z0-9_\x7f-\xff][a-zA-Z0-9_\x7f-\xff]*/", "", $str); 
	// 删除多行注释
	$str = preg_replace("/\/\*[^\/]*\*\//s", "", $str);

	echo $str;
}

//输出CSS
header ("content-type:text/css; charset: utf-8");
if(isset($_GET)) {
	$files = explode(",", $_GET['get']);
	$fc = '';
	foreach ($files as $key => $val){
		$fc .= file_get_contents($_GET['path'].$val.".css");
	} 
	$fc = str_replace("\t", "", $fc); //清除空格
	$fc = str_replace("\r\n", "", $fc); 
	$fc = str_replace("\n", "", $fc); 
	$fc = preg_replace("/\/\*[^\/]*\*\//s", "", $fc); 
	echo $fc; 
}

只是个简单原型，没有封装。另外，合并后的文件记得配合缓存。
附上一个相关的开源项目：
http://code.google.com/p/minify/

转载于:https://my.oschina.net/u/1168113/blog/1538307