使用PHP来压缩CSS文件

作者:     目录: PHP+MySQL     发表: 2010年09月30日

减少CSS文件的大小能有效减少页面的加载时间,改善用户体验。本文将介绍一种利用php来压缩CSS文件的方法。

新建css-compress.php文件

header('Content-type: text/css');
ob_start("compress");
function compress($buffer) {
  /* remove comments */
  $buffer = preg_replace('!/\*[^*]*\*+([^/][^*]*\*+)*/!', '', $buffer);
  /* 清楚 tabs, 空格, 新行, 等. */
  $buffer = str_replace(array("\r\n", "\r", "\n", "\t", '  ', '    ', '    '), '', $buffer);
  return $buffer;
}

/* 所有的CSS文件 */
include('master.css');
include('typography.css');
include('grid.css');
include('print.css');
include('handheld.css');

ob_end_flush();

使用方法

1. 在浏览器中打开上面的 css-compress.php 文件,即可输出压缩后的CSS源代码,保存即可。【推荐】
2. 直接调用css-compress文件,代码如下:【不推荐】

<link rel="stylesheet" href="css-compress.php" type="text/css" media="all">
标签:

10 个评论

  1. joyla说道:

    这个我学习了!呵呵

  2. 屠龙团队说道:

    你是设计网站的,那我以后设计网站就找你啊,呵呵!

  3. woiweb说道:

    看来是PHP高手了,我只用java别的没用过。

  4. 集趣说道:

    到时候,我也去试试吧

  5. 从来没有压缩过CSS。不过有了解过这种方法。

  6. 卢松松说道:

    这都行,这个技巧还不错哈

  7. 落水鱼说道:

    这个只是把多余字符给去了吧,没有把css相同样式的整合吧!不过还不错

    你的这个分享放到左上是不是不太好,如果在小的显示器上会不会盖住你的标志呢??

    1. 恩,只是去除了CSS中的一些不必要的字符。分享按钮确实容易盖住logo,有空调整一下。非常感谢。

  8. 园子说道:

    我的CSS还从来没有压缩过类。

发表评论