我想知道是否有人知道任何可用的工具可以执行分析一个或多个 CSS 文件的任务,确定文件中各种规则之间的相似性,并向用户提供合并和减少规则集的选项。
我问这个是因为我正在做的一个项目已经到了它有太多 CSS 的程度,以至于 Internet Explorer(我害怕仍然是底线)在页面加载后阻塞 CSS,导致 3-5 秒锁定在交互中,直到扼流圈被处理。
如果您想知道:是的,我确信是 CSS 导致了这个问题。
我想知道是否有人知道任何可用的工具可以执行分析一个或多个 CSS 文件的任务,确定文件中各种规则之间的相似性,并向用户提供合并和减少规则集的选项。
我问这个是因为我正在做的一个项目已经到了它有太多 CSS 的程度,以至于 Internet Explorer(我害怕仍然是底线)在页面加载后阻塞 CSS,导致 3-5 秒锁定在交互中,直到扼流圈被处理。
如果您想知道:是的,我确信是 CSS 导致了这个问题。
有YUI CSS Compressor - 你可以试一试,但我认为它更多的是用于文件大小而不是实际组合规则。
我知道这并不完全是您所要求的,它恰恰相反,会使您的 css 文件更大,但您可能会得到一些想法来手动优化由此工具组织的 CSS:
http://styleneat.com/index.php?PHPSESSID=j0thilea0b8sjao2vcs8g5ekh1
同样,不是工具,而是有趣的阅读:
http://code.google.com/speed/articles/optimizing-css.html http://meiert.com/en/blog/20080515/css-organization-and-efficiency/
不完全是您所追求的,但对于修剪臃肿的 CSS 非常有用:
http://www.sitepoint.com/dustmeselectors/
Firefox 插件告诉你哪些 CSS 声明未被使用。
https://addons.mozilla.org/en-US/firefox/addon/60
Firefox Web 开发者工具栏:CSS > 查看样式信息 > 点击页面元素 - 这将显示适用于元素的所有 CSS,以及它所在的 CSS 文件。