Javascript：Async和jQuery的文档就绪/ DOMContentLoaded

Question

我需要在特定页面上加载五个脚本。他们是datatables或tinymce等大型图书馆。我一直在阅读，我发现我可以使用async以阻止页面加载。

我的部分网页包含以下代码：

<script type="text/javascript">
$(document).ready(function() {
    $("#title").on('input propertychange paste', function() {
        $("#slug").val(getSlug($(this).val()));
    });
});
</script> 

此代码需要先前加载的库才能工作。否则我会收到错误信息，说明功能不可用。 - 现在正在发生。

我的怀疑是：

1. 只有在我的所有脚本都加载后才会触发DOMContentLoaded，即使它们被设置为async？
2. 不是jQuery的$(document).ready()假设发生在DOMContentLoaded之后，那么为什么我的脚本会失败？

如果我错了，我该如何避免因不同步加载脚本而导致瓶颈？

谢谢。