Optimization 从动态网站中删除多余的css规则

我正在尝试减小CSS文件的大小。这是从一个模板，这是非常CSS和JS重。即使使用CSSMin，CSS文件的大小也是250kb

虽然我使用了很多CSS，但我知道我并没有全部使用。所以我想找出哪些样式可以删除。我知道Dust Me selector——但这只是静态地查看网站。有了HTML5和CSS3，网站现在变得非常动态，我的大多数CSS都来自动态事件或“响应”事件，即引导

---

问题：是否有一种工具可以在一段时间内“记录”我在网站上使用的所有CSS，这样我就可以在每个元素上单击/悬停/移动，并与我的网站进行交互。然后在最后让我知道哪些样式被使用和没有被使用？

CSS的使用是firefox的一个很好的扩展。它告诉您当前在页面中使用了哪些css

---

链接：

250kb对于CSS文件来说确实是一个很大的数字。
模板通常具有单个文件中所有页面所需的所有CSS。
我建议：

不要削减你的CSS代码，他们可能需要一些时间点

相反，我建议，将CSS文件分成多个小文件，用于不同的页面样式， 例如，不同的CSS用于登录页面，不同的CSS文件用于主页等。
阅读你自己的

CSS

和

HTML

代码，找出CSS代码的哪个重要部分在哪个HTML部分中使用

更新：
你可以试试。

---

我个人并没有使用它，只是希望它对您有用。

我认为有两种工具可能会帮助您

是一个javascript工具，可以发现任何未使用的css规则

---

是一个源代码分析器，它将报告任何重复。我有偏见，因为我写CSSCS正是因为我找不到任何能做到这一点的东西。但许多人似乎觉得它很有用。

谢谢Asif——但这行不通——该网站基本上是“SaaS”应用程序-大多数CSS在许多页面上被动态重用-因此，对我来说，制作一个精简的CSS文件更为合理，该文件被发送到浏览器，并被缓存很长时间。你说，然后在最后让我知道哪些样式被使用过&没有使用过？，如果我是一个模板设计师，我将永远不会努力提供那些不会被使用的代码。这个模板是一个购买的通用模板，具有很多功能和灵活性。我只是不在我的网站上使用它。所以样式+代码可以被使用。。。但是他们不在我的案子里嗯。。这是“关闭”-唯一的问题是它要求我每次在网站上做一件事时都按“扫描”-这对我的网站来说非常重要。你知道有没有这样的东西，但是自动的？