有什么工具可以过滤掉多余的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开发过网站,希望使用该软件的童鞋可以帮忙确认一下这一点)。