1

我想知道是否有人知道任何可用的工具可以执行分析一个或多个 CSS 文件的任务,确定文件中各种规则之间的相似性,并向用户提供合并和减少规则集的选项。

我问这个是因为我正在做的一个项目已经到了它有太多 CSS 的程度,以至于 Internet Explorer(我害怕仍然是底线)在页面加载后阻塞 CSS,导致 3-5 秒锁定在交互中,直到扼流圈被处理。

如果您想知道:是的,我确信是 CSS 导致了这个问题。

4

4 回答 4

4

尝试这些链接中的任何一个,我更喜欢 css tidy 并且过去曾成功使用过它。

CSS 优化器

干净的

CSS 整洁

于 2009-07-06T08:08:24.030 回答
1

YUI CSS Compressor - 你可以试一试,但我认为它更多的是用于文件大小而不是实际组合规则。

于 2009-07-06T08:08:04.857 回答
0

我知道这并不完全是您所要求的,它恰恰相反,会使您的 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/

于 2009-07-06T12:31:55.650 回答
0

不完全是您所追求的,但对于修剪臃肿的 CSS 非常有用:

http://www.sitepoint.com/dustmeselectors/

Firefox 插件告诉你哪些 CSS 声明未被使用。

https://addons.mozilla.org/en-US/firefox/addon/60

Firefox Web 开发者工具栏:CSS > 查看样式信息 > 点击页面元素 - 这将显示适用于元素的所有 CSS,以及它所在的 CSS 文件。

于 2009-07-06T18:54:58.030 回答