Vamos ser sinceros, o jQuery / jQuery-ui é um download pesado.

Google recomenda carregamento diferido de JavaScript para acelerar a renderização inicial. Minha página usa o jQuery para configurar algumas guias colocadas na parte inferior da página (principalmente fora da visualização inicial) e eu gostaria de adiar o jQuery até que APÓS a página seja renderizad

O código de adiamento do Google adiciona uma tag ao DOM depois que a página é carregada, conectando-se ao evento onLoad do corpo:

<script type="text/javascript">

 // Add a script element as a child of the body
 function downloadJSAtOnload() {
 var element = document.createElement("script");
 element.src = "deferredfunctions.js";
 document.body.appendChild(element);
 }

 // Check for browser support of event handling capability
 if (window.addEventListener)
 window.addEventListener("load", downloadJSAtOnload, false);
 else if (window.attachEvent)
 window.attachEvent("onload", downloadJSAtOnload);
 else window.onload = downloadJSAtOnload;

</script>

Gostaria de adiar o carregamento do jQuery dessa maneira, mas quando tentei, meu código jQuery não encontrou o jQuery (não totalmente inesperado da minha parte):

$(document).ready(function() {
    $("#tabs").tabs();
});

Então, parece que preciso encontrar uma maneira de adiar a execução do meu código jQuery até que o jQuery seja carregado. Como detecto que a tag adicionada terminou de carregar e analisar?

Como corolário, parece que carregamento assíncrono também pode conter uma respost

Alguma ideia