Javascript 使用缩小的特定于页面的JS_Javascript_Jquery_Load Time

Javascript 使用缩小的特定于页面的JS

javascript jquery

Javascript 使用缩小的特定于页面的JS,javascript,jquery,load-time,Javascript,Jquery,Load Time,我一直在从事一个相当大规模的项目，该项目使用了许多不同的页面，每个页面都有一些非常特定的Javascript。为了减少加载时间，我计划在部署之前将其缩小到一个文件中问题是：我应该如何避免在不需要的页面上启动特定于页面的JS？到目前为止，我的最佳解决方案是将每一页包装在其他容器中 <div id='some_page'> ...everything else... </div> 这虽然有点酷，但却让我摸错了方向。我通过在元素上为每个页面指定一个唯一的id来实现这一点：

我一直在从事一个相当大规模的项目，该项目使用了许多不同的页面，每个页面都有一些非常特定的Javascript。为了减少加载时间，我计划在部署之前将其缩小到一个文件中

问题是：我应该如何避免在不需要的页面上启动特定于页面的JS？到目前为止，我的最佳解决方案是将每一页包装在其他容器中

<div id='some_page'>
...everything else...
</div>

这虽然有点酷，但却让我摸错了方向。

我通过在

元素上为每个页面指定一个唯一的id来实现这一点：

<html><head>...</head><body id="sign-in">...</body></html>

这实际上就是我编辑jQuery的方式，我想这似乎是最好的方式。谢谢。我一直在到处寻找这样的答案，但一直找不到，因为谷歌一直在给我建议在非小型环境下搜索关键词“有条件地加载JavaScript”。你知道从2014年起，通过JS进行检测是否是公认的最佳实践，还是我应该依赖我的构建工具？

<html><head>...</head><body id="sign-in">...</body></html>

$(function(){
  if (!$('body#sign-in').length) return;
  // Code specific to sign-in page here
});