不需要将async添加到script标记中，因为动态脚本默认启用了该属性。
至于defer，就像你在JavaScript中修改src属性一样，你也可以像这样启用它：

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
tag.defer = true;
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

或者，您可以使用setAttribute()。

var tag = document.createElement('script');
tag.src = "https://www.youtube.com/iframe_api";
tag.setAttribute('defer','');
var firstScriptTag = document.getElementsByTagName('script')[0];
firstScriptTag.parentNode.insertBefore(tag, firstScriptTag);

为了异步加载动态脚本，但按定义的顺序执行它们，请使用script.async = false：

['1.js', '2.js'].forEach(s => {
   const script = document.head.appendChild(document.createElement('script'));
   script.async = false;
   script.src = s;
});

来源：https://web.dev/speed-script-loading/#the-dom-to-the-rescue