трим правде в глаза, JQuery / JQuery-UI является тяжелой загрузки.

Google рекомендуетотложенная загрузка JavaScript ускорить начальный рендеринг. Моя страница использует jQuery для настройки некоторых вкладок, которые расположены низко на странице (в основном вне начального вида), и я бы хотел отложить jQuery до ПОСЛЕ отображения страницы.

Код отсрочки Google добавляет тег в DOM после загрузки страницы, подключив событие body onLoad:

<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>

Я хотел бы отложить загрузку jQuery таким образом, но когда я попробовал это, мой код jQuery не смог найти jQuery (не совсем неожиданно с моей стороны):

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

Итак, похоже, мне нужно найти способ отложить выполнение моего кода jQuery до загрузки jQuery. Как определить, что добавленный тег завершил загрузку и анализ?

Как следствие, кажется, чтоасинхронная загрузка также может содержать ответ.

есть идеи?