管理大型网站上的CSS

Question

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

或者有没有软件来删除CSS以减少重复和大小？

提前感谢。

- toomanyairmiles

---

「Dust me selectors」是一个不错的工具，Google页面速度检测器也很棒，即使它与Yahoo的建议和YSlow非常相似。还有其他什么软件推荐吗？感谢已经回复的人们。 - toomanyairmiles

https://dev59.com/43VC5IYBdhLWcg3w9GHM - toomanyairmiles

Answer 1

字面上扫描网站以查看活动内容和非活动内容？Dust-Me Selectors是一款Firefox插件，可用于显示未使用的CSS规则。http://www.sitepoint.com/dustmeselectors/

- jordelver

---

https://dev59.com/LHVD5IYBdhLWcg3wRpeX - toomanyairmiles

Dust-me很不错，但需要一个XML站点地图，一旦提供了这样一个庞大的地图（35,000行），它就会崩溃。 - toomanyairmiles

Answer 2

我可以向您推荐 Google 的 Page Speed 工具（http://code.google.com/speed/page-speed/），用于检查您的网页性能（以及可能的改进）。 Page Speed 还会检查您网页上的 CSS 和类的使用情况。 它需要与 Firebug 配合使用。

- Niels R.

---

好的，但这不是问题所要求的。 - Faruz

Answer 3

• 在Web服务器中使用Gzip压缩。
• 将过期日期设置得很远，以避免重新下载CSS文件。

- Georg Schölly

Answer 4

还有其他的方法可以减少CSS的重复和大小吗？

还有一种更高级别的间接方式...你（和你的团队）应该编写长的CSS文件，并添加尽可能多的注释，然后编写一个工具，根据需要发布合并的文件（不同的模板需要不同的文件），去掉注释并进行压缩，就像http://www.cleancss.com所做的那样（CSSTidy）。如果您想在1个月内修改文件或跟踪修改（或者更糟糕的是，如果其他人必须这样做！），可读性是最重要的。

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

- FelipeAls

---

我们大约有35,000页、10个模板，网站大约20%的内容在CMS中。问题是在进行缩小处理之前找出哪些选择器被使用了，哪些没有被使用。 - toomanyairmiles