优化 - 有没有办法找到并删除所有html页面共有的未使用的CSS和Javascript?

Hac*_*ode 27 html javascript css optimization code-cleanup

我的网站有很多网页,我正在尝试清理我的样式表和脚本.每个js/css中约有10%或更多未被我网站上的任何html页面使用.我需要的是删除常见的未使用和冗余的css和js.我做了一些研究,发现了这一点.但它不是免费的.
注意:

  • 一些js/css被多个html页面调用,并且仍然有一些js/css的一部分没有被任何调用它们的html页面使用.
  • 我的网站仅与Chrome兼容.

cod*_*pic 10

是的,你应该使用Addy Osmani的grunt-uncss插件来清理未使用的CSS.我不确定你是否可以使用工具删除未使用的JS,因为它依赖于应用程序逻辑,将调用JS代码的哪一部分.


Edw*_*oso 6

打开chrome DevTools,在审核下,您可以审核当前状态或重新加载页面和审核加载

然后在网页性能下有一节说:"删除未使用的CSS规则

现在,当我使用它时,我看到它列出了一些css我正在使用问题是在目前状态它没有被使用所以如果你切换类然后显然它会显示它如果类不是目前已申请.

据我所知,如果没有显示它在铬金丝雀上有效.另外我不记得我是否为此启用了标志.(我不这么认为)