CSS在线优化工具和在线压缩工具的区别是什么? 求大神。。

html-css025

CSS在线优化工具和在线压缩工具的区别是什么? 求大神。。,第1张

CSS的优化通常包括两方面: 格式化CSS和精简CSS。

精简CSS的办法是把具有相同属性的元素合并在一起,但这会降低代码的可读性,使代码的后期维护很麻烦,稍不注意就出错。格式化CSS一般就是多行模式或单行模式的选择,比如我个人就完全受不了多行模式

在线压缩工具一般是把注释、空格、换行等去掉,当然还有其他可选功能。

CSS在线优化工具和在线压缩工具很多时候是分不开的

现在的CSS(压缩)工具还是比较多的,但是具体的每种都会有不同的特点。每个人使用习惯不一样,可能会出现不同的结果。其实CSS(压缩)工具使顺手了还是很好用的,就是有特殊的要自己设置下参数,不然会影响使用效果,而且一定要注意压缩方面的安全性。

首先,现在使用频率最多的是CSS(压缩)工具是clean-css,界面比较干净整洁,非常好用。但是在某一次的使用中,出现在乱码等问题,而且有多种版本,不统一。后来经过多次的尝试,压缩工具就换成了PostCSS 社区的 css-nano。

其次,有一个问题非常重要,经常使用压缩工具的朋友们要注意。那就是,在使用CSS(压缩)工具之前,不管是什么类型的压缩工具,都要仔细看下它所提供的文档。有些会有比较过激的功能,这些压缩方面的功能使用起来,一不小心就会使文档错乱。可以通过CSS(压缩)工具本身自带的配置功能,找到相关参数,把过激的功能禁用。但是如果没有参数设置,那这样的压缩工具还是尽量不要用了。

总之,找到合适的压缩工具,可以是你事半功倍,使用起来非常顺手。而且一定要对压缩工具的安全性做下检测,不能太粗心大意。如果有比较过激的压缩功能,可能会使你使用比较麻烦,可以先通过设置禁用。这样经过自己调整好的压缩工具,使用起来就非常顺手了。

借花献佛:

在网站优化方面,其中一个部分就是压缩JS以及CSS程序,比较常见的就是DOJO的ShrinkSafe以及jsmin,ESC.不过taobao团队使用yuicompressor作为底层开发了windows下的jsMinifierjsminifier.rar下载,目前版本2.0,使用yuicompressor+native2ascii对于YAHOO的工具.