在页面加载之后,是否有任何短而最好的方法可以一次性加载所需的javascript集和其他javascript文件?

在页面加载之后,是否有任何短而最好的方法可以一次性加载所需的javascript集和其他javascript文件?,javascript,web,scripting,progressive-web-apps,pageload,Javascript,Web,Scripting,Progressive Web Apps,Pageload,要求: 最初加载页面加载所需的脚本(意味着脚本下载应在同一点开始) 加载页面dom后,应加载其他第三方脚本。(这些脚本也应在同一点开始下载) 我们尝试: -在正文之前加载了req脚本 -添加了侦听器以在页面dom加载后加载第二组脚本 但脚本下载开始时仍然不太合适。 您可以使用事件来了解页面何时完成加载(不包括页面主要不需要的第三方脚本),以及/操作/呈现/事件处理程序中的任何内容 <script> window.addEventListener("load", functio

要求:

  • 最初加载页面加载所需的脚本(意味着脚本下载应在同一点开始)
  • 加载页面dom后,应加载其他第三方脚本。(这些脚本也应在同一点开始下载)
我们尝试: -在正文之前加载了req脚本 -添加了侦听器以在页面dom加载后加载第二组脚本

但脚本下载开始时仍然不太合适。

您可以使用事件来了解页面何时完成加载(不包括页面主要不需要的第三方脚本),以及/操作/呈现/事件处理程序中的任何内容

<script>
  window.addEventListener("load", function(event) {
    console.log("All resources finished loading!");

   $.getScript( "ajax/test.js" )
     .done(function( script, textStatus ) {
    console.log( textStatus );
     })
    .fail(function( jqxhr, settings, exception ) {
       $( "div.log" ).text( "Triggered ajaxError handler." );
    });

  });
</script>

addEventListener(“加载”),函数(事件){
log(“所有资源已完成加载!”);
$.getScript(“ajax/test.js”)
.done(函数(脚本、文本状态){
console.log(textStatus);
})
.失败(功能(jqxhr、设置、异常){
$(“div.log”).text(“触发的ajaxError处理程序”);
});
});

还可以使用webpack等捆绑工具将所有主要JS文件捆绑到一个文件中,将CSS捆绑到一个文件中。这将显著增加页面负载

你说不规则是什么意思?没有按时装货吗?您的代码是否无法在页面上执行?我不知道你到底在问什么,但也许你正在寻找捆绑之类的东西?现在在desc中,请检查两个图像,其中第一个图像是我希望如何加载脚本,第二个图像是实现后脚本如何加载。很抱歉,我看不到图像。不是你的错,只是我的防火墙:/