如何避免在主线程上加载？

Question

我想做的是关于包含外部html文件，其中包含所有脚本和css文件。 我这样做是因为我认为它更井井有条，但也许我错了（让我知道我是否知道）。 因此，我在索引文件的头部添加了

<script>
    $('head').load('modules/header.html', () => {
        $('body #navbar').load('sections/navbar.html', () => {
            init(START_SECTION);
        });
    });
</script>

我想在这里获得的是，将所有外部脚本和样式加载到header.html中，然后包含需要先前脚本的navbar.html才能正常工作，最后，主js文件（init函数旨在运行所有javascript代码）。 浏览器给我消息：由于包含jquery，消息“已弃用主线程上的[Deprecation]同步XMLHttpRequest，因为它对最终用户的体验产生了不利影响”。 有没有更好的方法可以在此处包含所有内容，还是应该将我的所有标头部分粘贴到索引html文件中，并在文档就绪的jquery事件上管理init函数？

如果您需要更多详细信息，请告诉我，非常感谢！