压缩Css代码有什么用呢?
作者:i100    文章来源:本站    点击数:    更新时间:2012-1-12          ★★★【字体:
CleanCSS是一个免费的CSS精简压缩工具,通过这个在线工具,可以将你的CSS文件压缩、优化成更精简,这将大大提高你的网站的载入速度。进入CleanCSS后, 你可以输入要压缩的CSS代码或是该CSS文件的所在URL地址, 然后选择代码布局和相应的精简压缩选项, 最后点击生成即可.
  当然, 这里所说的压缩并不是像.zip文件那样的压缩, CSS文件的压缩呢, 其实就是指通过对CSS代码中重复的地方进行合并来达到减少代码的效果(如将CSS的属性直排,压缩空格)。不过, 对于那些需要经常修改到CSS代码的朋友来说, 并不推荐使用这个工具。
  推荐大家将自己网站的CSS进行压缩,压缩之后的CSS文件将一定程度的减小,从而提高站点访问速度。
  CleanCSS作用:
  1,CSS减肥优化
  CleanCSS本是为CSS减肥的工具。
  2,检查CSS是否正确
  检查一下有无拼写错误、是否忘记结尾的 } 等。可以利用CleanCSS来检查 CSS的拼写错误。

  CleanCSS本是为CSS减肥的工具,但也能检查出拼写错误。

简化CSS代码提高代码的质量及文件压缩到最小

核心提示:经常会出现冗余的代码,特别是用“可见即可得”工具来编写,为了提高代码的质量及文件压缩到最小,使代码具有可读性,我们不得不把CSS代码简化。

减小代码在传输中的大小,就能提高页面的传输速度,打开网页也就快了。在一起PHP程序中 像WordPress是默认的gzip压缩功能是通过ob_gzhandler这个函数来实现的,ob_gzhandler是php 4.0.4新增的一个输出缓存函数,并通过gzip压缩后发送到客户端。这个函数需要zlib库支持,一般的虚拟主机都安装有这个库,所以很多blog都使用这个方法来实现对php页面的压缩。

那么对于我们这些没有开启mod_deflate模块的主机来说,就只能采用ob_gzhandler函数来压缩了,它的压缩效果和mod_deflate相比,相差很小,几乎可以忽略(但它只能对php文件进行压缩),下一篇文章将附上我对这几种方式的一个对比测试。

使用ob_gzhandler函数有3种方法让它对php进行压缩:
1、在php.ini中设置output_handler = ob_gzhandler
2、在.htaccess中加入php_value output_handler ob_gzhandler
3、在php文件头加上ob_start('ob_gzhandler');
第一种我们是没法办到,第二种方法不错,可以一劳永逸,一、二种方法效果都一样,就是对所有php后缀文件进行压缩。我这里主要介绍一下第三种方法,
就是试用CSS压缩法 例如对模板下的style.css进行压缩

1、把模板目录下的style.css复制一份出来,命名为style.css.php

接着在style.css.php顶部加入这句:

< ?php if(extension_loaded('zlib')) {ob_start('ob_gzhandler');} header("Content-type: text/css"); ?>
在最后加上

< ?php if(extension_loaded('zlib')) {ob_end_flush();} ?>
(复制的时候去掉?php前的空格)

2、按照下面的方式修改header.php中的css连接

原来的:

<link rel="stylesheet" type="text/css" media="screen" href="/style.css"/>
修改后的:

<link rel="stylesheet" type="text/css" media="screen" href="/style.css.php"/>
搞定,现在你的CSS就可以被gzip压缩了。

JS也可以使用同样的方法,只是在xx.js.php头部加入的应该是这样:

< ?php if ( extension_loaded('zlib') ) {ob_start('ob_gzhandler');} header("Content-Type: text/javascript"); ?>
(复制的时候去掉?php前的空格)

仔细看看K2主题的中的JS,就是修改后缀为php后在顶部加入了ob_gzhandler函数。

所以我们可以用能压缩CSS 和JS的工具来对代码压缩 提高浏览速度~~~

有效利用JavaScript/HTML格式化工具,在线压缩:

 http://tool.chinaz.com/Tools/JsFormat.aspx 

 

中英文谷歌翻译本栏内页English translation

文章录入:i100    责任编辑:i100 
  • 上一篇文章:

  • 下一篇文章: 没有了
  • 发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    >> 专题栏目