Ускорение загрузки скриптов, как прописать?

[Black_Star]

Добрый день, уважаемые. Я тут начитался умных статеек по ускорению загрузок скриптов http://frontender.info/script-loading/
решил тоже испробовать (поскольку PageSpeed рекомендует к использованию). Но почему-то пока что не работает. Подскажите, пожалуйста почему мои скрипты не подгружаются. где я допускаю ошибку?

<!-- Load Scripts -->
<script>var scr = {
    "scripts": [
        {"src": "lib/modernizr/modernizr.js", "async": false},
        {"src": "lib/jquery/jquery-3.1.1.min.js", "async": false},
        {"src": "lib/owl-carousel/owl.carousel.min.js", "async": false},
        {"src": "js/script_agency.js", "async": false}
    ]
};
!function (t, n, r) {
    "use strict";
    var c = function (t) {
        if ("[object Array]" !== Object.prototype.toString.call(t))return !1;
        for (var r = 0; r < t.length; r++) {
            var c = n.createElement("script"), e = t[r];
            c.src = e.src, c.async = e.async, n.body.appendChild(c)
        }
        return !0
    };
    t.addEventListener ? t.addEventListener("load", function () {
            c(r.scripts);
        }, !1) : t.attachEvent ? t.attachEvent("onload", function () {
                c(r.scripts)
            }) : t.onload = function () {
                c(r.scripts)
            }
}(window, document, scr);
</script>

[рони]

Black_Star,
на картинке ничего не видно, почему вы решили что не работает?

[ruslan_mart]

Не понял в чём суть Вашего скрипта, если честно.

![
	{src: "lib/modernizr/modernizr.js", async: true},
	{src: "lib/jquery/jquery-3.1.1.min.js"},
	{src: "lib/owl-carousel/owl.carousel.min.js"},
	"js/script_agency.js"
]
.forEach(function(p) {
	if(typeof p === 'string') p = {src: p};
	var s = document.createElement('script');
	s.async = !!p.async;
	s.src = p.src;
	document.head.appendChild(s);
});

[Black_Star]

на картинке ничего не видно, почему вы решили что не работает?

рони при запуске страницы, ни одна js не подключается, согласно "моего" данного примера.

![
	{src: "lib/modernizr/modernizr.js", async: true},
	{src: "lib/jquery/jquery-3.1.1.min.js"},
	{src: "lib/owl-carousel/owl.carousel.min.js"},
	"js/script_agency.js"
]
.forEach(function(p) {
	if(typeof p === 'string') p = {src: p};
	var s = document.createElement('script');
	s.async = !!p.async;
	s.src = p.src;
	document.head.appendChild(s);
});

Ruslan_xDD ваш пример запустил страницу, но я пока не могу понять почему именно так правильно подключать. Можете описать что именно вы написали? К примеру почему именно modernizr.js подгружаем асинхронно? почему скажем не jQuery ? Да, и как этот код будет действовать в старых браузерах ( допустим IE<=9) ну или тех где асинхронность не поддерживается?

[Vlasenko Fedor]

http://requirejs.org/
Собственная поделка
https://jsfiddle.net/vlasenkofedor/5pDXf/