如何从网站

Question

我试图加快我的网站速度。我使用www.unused-css.com/来删除多余的CSS，但我找不到任何类似的JavaScript。是否有可以检测正在使用的 js代码的在线服务，然后删除未使用的代码？

以下是有问题的网站：IQ Tests for Kids 我使用bootstrap代码，它非常臃肿。我确定我只使用了一小部分js，因为我也减少了我的HTML。

Answer 1

不知道任何在线工具，但有一些技术可以做所谓的“树摇动”。你可以更多地谷歌。

我用过的最好的工具是webpack和Flow

Webpack是使用JS制作各种魔法的通用工具，而Flow是类型检查工具，如果你有类型检查激活可以提供非常好的树摇动。

但正如您所提到的，您使用的是Bootstrap，因此开始查看的最佳位置是自定义您的构建：

http://getbootstrap.com/customize/

Answer 2

您将获得的最佳效果是通过dead code removal流程运行JavaScript本身，例如Google Closure Compiler启用了ADVANCED_OPTIMIZATIONS或Uglify's { {1}}选项。有些人甚至将这两者结合起来。

Tree shaking是一个更好的过程，你会听到人们谈论。但是在你的情况下这更难实现，因为树摇动涉及使用ES6模块，你正在处理的代码几乎肯定不是。因此，要实现这一目标需要做很多工作，因为您必须修改代码。