CSS删除未使用的样式

时间:2018-02-15 10:52:40

标签: css performance minify

我经常通过在我的网站override.css的{​​{1}}下方添加(示例)base.css来覆盖“基本”CSS样式。

head

base.css

然后在a { color: blue; }

override.css

这可能是不好的做法,但根据我的经验,在大多数网站上这样做很常见。在这个非常简化的情况下,css文件的大小将是它的两倍。

是否有任何自动工具可以删除所有未使用的样式,并且只向访问者显示“已解析”的css文件?例如,Prestashop中的CSS CCC选项会为我做这个吗?

1 个答案:

答案 0 :(得分:1)

如果您正在寻找自动方法,https://github.com/giakki/uncss

然而,chrome devtools还包括一个很好的面板,用于查看所有未使用的样式,因此最有可能通过此手动执行此操作。如何使用覆盖面板:https://blog.logrocket.com/using-the-chrome-devtools-new-code-coverage-feature-ca96c3dddcaf