在大型网站上管理CSS

Question

我最近开始在一个非常大的高流量网站上工作。我们非常希望减少样式表的大小和数量，缩小是我们追求的一条路线，但是有谁知道检查ID和类使用的任何工具？直接扫描网站，看看什么是活跃的，什么不是？

或者用于编辑css以减少重复和大小的任何软件？

提前致谢

Answer 1

  

直接扫描网站查看   什么是活跃的，什么不是？

Dust-Me选择器是一个Firefox插件，可用于显示未使用的css规则。 http://www.sitepoint.com/dustmeselectors/

Answer 2

我当然可以推荐Google的Page Speed（http://code.google.com/speed/page-speed/）来检查您网页的效果（以及可能的改进）。 Page Speed还会检查网页上的CSS和类的使用情况。

它与Firebug结合使用。

Answer 3

• 网络服务器中的Gzip压缩。
• 为了避免重新加载CSS文件，将来会有很长的失效日期。

Answer 4

  

或者任何软件   编辑css以减少重复   和大小？

另一层次的间接......你（和你的团队）应该根据需要编写带有尽可能多的注释的长CSS文件，然后编写一个工具，根据需要发布合并文件（不同模板需要不同的文件），剥离注释并缩小为http://www.cleancss.com可以做（CSSTidy）。如果您不能在1个月内修改文件或跟踪修改（或者更糟糕的话，如果sb必须这样做！），可读性首先出现。）

其他选项是减少整个网站使用的模板数量。不需要两个具有2px差异的模板（网格布局是坚持这一点的好方法）或显示错误消息的不一致方式。为您的网站定义一个共同的外观，并向网站设计者提供说明（如果尚未完成）。