Recentemente descobri ohead.js biblioteca e menino estou feliz com isso, embora eu ainda esteja um pouco confuso sobre uma coisa.

De headjs.com:

O evento “pronto para DOM”, como $ (document) .ready (), já é disparado quando os scripts chegam. Se os scripts carregados dependerem desse evento, certifique-se de que sua biblioteca possa lidar com isso. jQuery 1.4+ funciona.

Com isso em mente, qual é a melhor maneira de configurar uma página que usa jQuery se o código dentro de $ (document) .ready () depender dos scripts externos carregados com head.js?

Podemos simplesmente perder a chamada $ (document) .ready () e, ainda assim, configurar coisas como ouvintes de eventos que dependem do documento estar pronto? Ex:

head.js("script1.js", "script2.js", "script3.js", function() {
    $('#button').click(function(event) {
        alert("clicked");
    });
});

Ou queremos embrulhar $ (document) .ready () dentro da função?

Basta saber qual é a melhor prática para garantir que tudo esteja pronto para o momento que precisa ser.