从动态网站中删除冗余的CSS规则

我正在尝试减小CSS文件的大小.它来自一个非常CSS&的模板. JS重.即使使用CSSMin,CSS文件大小也是250kb.

虽然我使用了很多CSS – 我知道我不会全部使用它.所以我想弄清楚哪些样式可以删除.我知道Dust-Me选择器 – 但这只是对网站的静态看法.使用HTML5和CSS3 – 网站现在非常动态,我的大多数CSS都来自动态事件或“响应”事件,即Bootstrap.

问题:是否有一个工具可以“记录”我在网站上使用的所有CSS用于perioid的时间,因此我可以点击/悬停/移动每个元素并与我的网站进行交互.然后在最后让我知道哪些风格和&没用过?

最佳答案 250kb对于CSS文件来说真的是一个很大的数字.

模板通常具有单个文件中所有页面所需的所有CSS.

我会建议:

Do not cut your CSS code, they might be needed some point of time.

相反,我建议,将您的CSS文件分解为不同页面样式的小文件数,
例如用于登录页面的不同CSS,用于主页的不同CSS文件等.
请大力阅读您自己的CSS和HTML代码,以找出在哪个HTML部分中使用CSS代码的哪个重要部分.

更新:
你可以尝试Removed Unused CSS – CSS optimizer.
我个人没有使用它只是希望它适合你.

点赞