Статьи

Сократите время загрузки скрипта jQuery

the-only-script-in-your-head

Привет, ребята, я наткнулся на скрипт jQuery, который сокращает время загрузки ваших файлов JavaScript. Он работает, загружая все ваши точечные JS-файлы одновременно в массиве. Я опробовал тесты, и они загружаются намного быстрее, чем стандартные файлы. Смотрите доказательство ниже и попробуйте сами!

Стандартный путь

script-in-head

The head.js Way

 





 

head.js("https://github.com/DmitryBaranovskiy/raphael/raw/master/raphael.js")
	 .js("https://github.com/jquery/jquery-ui/raw/master/jquery-1.4.4.js")
	 .js("https://github.com/smith/scripty2/raw/master/lib/prototype.js")
	 .js("https://github.com/headjs/www/raw/master/content/test/jquery-ui.js")
	 .js("https://github.com/kosmas58/compass-jquery-plugin/raw/master/lib/jslint.js");

head-js-demo

Документ готов с head.js

Обычно с кодом jQuery вам нужно подождать, пока DOM не будет готов. То же самое при использовании head.js, и вы можете получить тот же результат.

 //same as document.ready() function
head.ready(function() {
     //code to be executed once .js files have loaded.
});

демонстрация
Скачать