javascript - 异步加载一些生成的 Javascript

Question

我在一家小公司工作，由于其自​​身原因，该公司在对 WordPress 上使用重主题网页进行更改时并不灵活。他们还使用了大量插件，加载时间超过 10 秒。因此，我认为我应该尝试一下并检查生成的主页源代码，在我运行分析后发现 js 只是一场灾难。他们选择的主题是 Unero， 因为我想它可以与 woocommerce 配合使用。该网站是一个小型电子商店和一个博客，实际上没什么特别的，我们也使用 yoast SEO，但这可能无关紧要。我意识到到处都有大量的 js 脚本在运行。我读到您可以将所有运行的内容设置为 async set true。

A 还了解到，由于 undefined variable 和我认为的其他问题，这可能会导致脚本之间出现问题。请注意，我对 js 技术有点陌生，我可能不知道我真正应该问或搜索什么。不过，我会尽力解释我需要发生的事情。

1. 有没有办法可以覆盖(或重载，术语是什么在这里？)一些页脚上的js，在其位置定义后(在 HEAD 和 BODY 中)，通过使用片段将其设置为异步模式在页脚上？这真的有效吗？
2. 我不想涉及任何插件通用解决方案，因为我担心他们会破坏上面提到的东西。如果我是的话请纠正我错了，请给我建议。除非解决方案是制作一个自定义插件，我想我将拥有完全的控制权。
3. 我愿意接受任何建议，只要它不会破坏网站。

我在这里提问，而不是在 WordPress 开发或任何其他 Stack Exchange 论坛上提问，因为我正在寻找手动完成的解决方案，以及它为何有效的解释。我确实是一个手工编写代码的人，如果事情能做得正确的话，我并不害怕深入研究某些事情。

Answer 1

Is there a way you can override ( or overload, what is the term here?)some js on footer, after being defined on their positon (in HEAD and in BODY),setting it to async mode, by using a snippet on footer? Will this actually work?

回答:是的，有可能，但同步代码也可能发生这种情况。如果插件 A 正在执行类似 $('title').text('Title from A') 的操作然后下一个插件执行 $('title').text('Title from B')那么它会被覆盖，无论它是同步还是异步。

I do not want to involve any plugin general solutions, because I am afraid they will break stuff as mentioned above. Correct me if I am wrong and please suggest me something.

回答:我不确定你想做什么。您建立这个网站的目标是什么？您想理清插件的困惑吗？这可能很困难，因为您几乎无法控制插件及其机制。

I am open on ANY suggestions, as long as it won't break the site.

答:一种方法是一一禁用它们，看看因果关系，并尝试以这种方式清除。另一种解决方案是切换到更简单的解决方案，例如 Shopify，第三种解决方案是创建一个您可以更好控制的自定义解决方案。

这是一个相当开放的问题，因此很难为您的问题提供具体的答案或解决方案。