Для ускорения загрузки страниц, есть смысл загружать JS файлы параллельно друг другу.
Так как браузер загружает Заголовки, стили, js фалы, контент и картинки. В некоторых случаях – если JS файлов слишком много или они большие браузер будет достаточно долго загружать страницу (так как будет ждать подгруздки всех скриптов)
Если же загрузить JS файлы следующей функцией – браузер загрузит стили, html и отобразит страницу даже если загрузка скриптов продолжается.
Вот в общем то функция:
(function() {
var scriptEl = document.createElement('script');
scriptEl.setAttribute("type","text/javascript");
scriptEl.setAttribute("src", "/js/jsfile.js");
document.getElementsByTagName("head")[0].appendChild(scriptEl);
})();
Вставить ее желательно в конце страницы.
/js/jsfile.js – это путь и название js файла
PS: такой же принцы использует google analytics, если вы изучите внимательно его код загрузки js файлов
Спасибо за внимание, надеюсь посты помогают:)