搜外网>搜外问答>问答页面

有什么工具可以过滤掉多余的css代码?

目前2个Css文件已经超过300kB了,还没算JS呢,估计代码只用到10%,已经影响到打开速度了,
请教各位前辈平时都用什么方法,有什么好的工具?谢谢!

追加问题
    2 人参与回答
天行健咨询
天行健咨询 · 精益生产管理与六西格玛管理咨询,培训机构

Page Speed

Page Speed是Google提供的一个前端性能分析工具,有些类似于YSlow,但是提供了一些比较个性且很有用的工具,比如Remove unused CSS:

Page Speed和YSlow一样依赖Firebug,了解详情和安装请访问这里。

CSS Redundancy Checker

CSS Redundancy Checker是一个免费的在线应用,可以检查所有的使用某个CSS文件的页面中无用的样式。可以同时检查某一个样式在多个页面中的使用情况。该工具的不足是虽然一次能检查多个HTML页面,但每次只能检查一个CSS文件,而且还要手动输入:

IntelliJ IDEA

IntelliJ IDEA这是一个颇强大的IDE,类似于DreamWeaver,不过在国内用的不多。该软件包括一个即时代码分析工具(On-the-fly Code Analysis),可以分析CSS文件中未用到的class和id。

Expression Web

Expression Web作为微软的新一代网站开发工具,还是有很多人使用的,其CSS Report功能可以检查未用到需要被清除的CSS(我的确没有使用EW开发过网站,希望使用该软件的童鞋可以帮忙确认一下这一点)。

如果要过滤掉多余的CSS代码,可以使用CSSCrush、Purify CSS、cleancss 等工具。