jquery - head.js を使用して jQuery を正しくロードするには?

Question

私の Web サイトは多数のスクリプト (jQuery を含む) をロードする必要があるため、この目的のために head.js を使用することにしました。もともと、私は持っています：

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://js-hotkeys.googlecode.com/files/jquery.hotkeys-0.7.9.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="scripts.js"></script>

script.js は私自身のスクリプトです。scripts.js では、次のようなドキュメント準備完了イベントを使用するコードがいくつかありました。

$(function() {
//...
});

head.js に切り替えるときは、これを使用してスクリプトを読み込みます。

<script type="text/javascript" src="head.load.min-1.0.3.js"></script>
<script type="text/javascript">
head.load([{jQ: "http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"},
            {jQHK: "http://js-hotkeys.googlecode.com/files/jquery.hotkeys-0.7.9.min.js"},
            {BS: "bootstrap/js/bootstrap.min.js"},
            {Mine: "scripts.js"}]);
</script>

そしてscripts.jsでは、私は以下を使用しています:

head.ready("jQ", function() {
//...
});

私の質問は次のとおりです。

1. 私は正しくやっていますか？

2. head.ready("jQ",...) が起動されたときに DOM は常に準備ができていると仮定できますか (私は自分の Web サイトで時々そうではないように見えることがあります)?