我在Chrome Lighthouse〉最佳实践部分中有一个警告：主线程上的同步XMLHttpRequest已被弃用，因为它对最终用户的体验有不利影响。
这指向jquery.js的第10079行（当前使用未压缩，计划在修复此问题后移动到.min）
10079的代码是：

xhr.open(
    options.type,
    options.url,
    options.async,
    options.username,
    options.password
);

这个问题似乎只发生在当代码拉在页眉和页脚包括在网站页面（目前建设在HTML与JS代码下面用于加载页眉和页脚的所有网页）
(Code在“header-footer.js”内）

$(function(){
  $("#header").load("/header.html");
});

$(function(){
  $("#footer").load("/footer.html");
});

这个文件（header-footer.js）然后被加载到页面中，如下所示：

<script src="/assets/js/header-footer.js"></script>

每个页面包含一个div：

<div id="header"></div>
<div id="footer"></div>

页眉和页脚正确加载，但是当在Lighthouse中使用Google Chrome（最新版本）进行测试时，主线程上的Synchronous XMLHttpRequest警告已被弃用...指向jquery文件时显示。看起来是async的问题。
搜索多个修复程序后，建议通过服务器加载此修复程序，并使用：

$(function(){
  $("#header").load("/header.html");
});

成为：

$(function(){
  $("#header").load("https://domain/header.html");
});

更改为该选项后，问题仍然存在。
我还在js函数中添加了true/false，正如另一个帖子示例中的另一个答案所建议的那样：

$(function(){
  $("#header").load("/header.html", true);
});

我希望删除代码上的警告，同时允许从一个单独的HTML文件加载页眉和页脚。
添加页眉和页脚的HTML代码到每个页面是不是一个选项，这将工作的网站，由于大小和复杂性。