如何从网站中删除未使用的 javascript [关闭]答案

【问题标题】：How to Remove Unused javascript From Website [closed]如何从网站中删除未使用的 javascript [关闭]
【发布时间】：2017-01-05 06:55:49
【问题描述】：

我正在努力加快我的网站速度。我使用www.unused-css.com/ 修剪掉多余的 CSS，但我找不到与 JavaScript 类似的东西。有没有在线服务可以检测出正在使用的js代码，然后修剪掉不用的代码？

这里是有问题的网站：IQ Tests for Kids 我正在使用引导代码，它非常臃肿。我确信我只使用了一小部分 js，因为我也削减了我的 HTML。

【问题讨论】：

【解决方案1】：

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

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

【讨论】：

【解决方案2】：

不知道有什么在线工具可以做到这一点，但是有一些技术可以做所谓的“摇树”。你可以google一下。

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

Webpack 是使用 JS 制作各种魔法的通用工具，而 Flow 是类型检查工具，如果您启用类型检查，它可以提供非常好的树抖动。

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

【讨论】：