Javascript 如何检查脚本依赖关系？

我需要问的问题是如何在我的网站上检查脚本的依赖性？我需要这样做的原因如下：

我正在更新一个客户的现有网站，我还必须提高网站的性能，问题是该网站有许多未使用的脚本（即大多数脚本都存在，但没有使用功能），这些脚本增加了网站的加载时间并将其删除，我不知道如何检查不必要的脚本

所以我的问题是，是否有任何方法，我可以检查哪些脚本是网站不必要的，删除它们不会破坏网站的功能

下面是他们使用过的“一串”脚本，我很确定其中大多数都是不必要的，但我不能冒险删除它们，因为它们使用的页面大约有100页。事实上，我可以说它们中的大多数都是不必要的，因为它们自己编写的脚本质量很高，而且还有其他标志

<!-- jQuery -->
<script src="js/jquery.js"></script>
<script src="js/jquery.min.js"></script>
<!-- jQuery UI -->
<script src="js/plugins/jquery-ui/jquery.ui.core.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.widget.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.mouse.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.draggable.min.js"></script>
<link href="css/plugins/jquery-ui/smoothness/jquery.ui.theme.css" rel="stylesheet"
    type="text/css" />
<!-- Touch enable for jquery UI -->
<script src="js/plugins/jquery-ui/jquery.ui.core.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.widget.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.sortable.min.js"></script>
<script src="js/plugins/jquery-ui/jquery.ui.resizable.min.js"></script>
<script src="js/plugins/touch-punch/jquery.touch-punch.min.js"></script>
<!-- slimScroll -->
<script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
<!-- Bootstrap -->
<script src="js/bootstrap.min.js"></script>
<script src="js/plugins/datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="js/plugins/validation/jquery.validate.min.js" type="text/javascript"></script>
<script src="js/plugins/validation/additional-methods.min.js" type="text/javascript"></script>
<!-- vmap -->
<script src="js/plugins/vmap/jquery.vmap.min.js"></script>
<script src="js/plugins/vmap/jquery.vmap.world.js"></script>
<script src="js/plugins/vmap/jquery.vmap.sampledata.js"></script>
<link href="css/plugins/icheck/skins/square/blue.css" rel="stylesheet" type="text/css" />
<!-- Bootbox -->
<script src="js/plugins/bootbox/jquery.bootbox.js"></script>
<!-- Flot -->
<script src="js/plugins/flot/jquery.flot.min.js"></script>
<%-- <script src="js/plugins/flot/jquery.flot.bar.order.min.js"></script>--%>
<script src="js/plugins/flot/jquery.flot.pie.min.js"></script>
<script src="js/plugins/flot/jquery.flot.resize.min.js"></script>
<script src="js/plugins/flot/jquery.flot.stack.js" type="text/javascript"></script>
<!-- imagesLoaded -->
<script src="js/plugins/imagesLoaded/jquery.imagesloaded.min.js"></script>
<!-- PageGuide -->
<script src="js/plugins/pageguide/jquery.pageguide.js"></script>
<!-- FullCalendar -->
<script src="js/plugins/fullcalendar/fullcalendar.min.js"></script>
<script src="js/plugins/chosen/chosen.jquery.min.js" type="text/javascript"></script>
<!-- Theme framework -->
<script src="js/plugins/icheck/jquery.icheck.min.js" type="text/javascript"></script>
<!-- Theme scripts -->
<script src="js/plugins/datatable/jquery.dataTables.js" type="text/javascript"></script>
<script src="js/application.min.js"></script>
<!-- Just for demonstration -->
<script src="js/select2.min.js"></script>
<script src="js/demonstration.min.js"></script>
<!-- Favicon -->
<link rel="shortcut icon" href="css/images/logo.png" />
<!-- Apple devices Homescreen icon -->
<link href="Resources/Plugins/smartPaginator/smartpaginator.css" rel="stylesheet" />
<script src="Resources/Plugins/smartPaginator/smartpaginator.js"></script>
<script src="Resources/Plugins/smartPaginator/callPaginator.js"></script>
<link rel="apple-touch-icon-precomposed" href="img/apple-touch-icon-precomposed.png" />
<script src="js/plugins/modernizr.custom.32549.js" type="text/javascript"></script>
<script src="js/scripts.js" type="text/javascript"></script>

---

我不明白你的问题。如果您知道没有使用其功能的脚本，您可以删除它们，因为您知道它们是不必要的。
如果您对此不确定，您有两种选择：

• 取下它们，确保它们不会损坏任何东西
• 缩小和/或重构它们

---

谷歌开发了一个名为闭包编译器的工具，它不仅可以删除未使用的脚本，还可以缩小并打包内容。这会大大缩短js加载时间。把它拿过来

---

如果你能想出一个自动解决方案，你会赚很多钱。只是翻了一下，这似乎是一个很好的例子，说明了如何使用它。。。