Динамическое подключение JS и вызов функции
 

Всем привет.

Мне для ускорения загрузки сайта в гугл нужно убрать подключаемые JS.

Нашел такой вот вариант:

<script type="text/javascript">
	var url = [
    './js/file1.js',
    '/js/file2.js',
    '/js/file3.js',
    ];

    for (var key in url) {
        var js = document.createElement('script');
        js.src = url[key];
        js.type = 'text/javascript';
        var head = document.getElementsByTagName('head')[0];
        head.appendChild(js);
    }
</script>

Но при такой конструкции у меня перестает работать вызов функции из подключаемого js файла.

<script type="text/javascript">random_phones();</script>

Дает ошибку:

Uncaught ReferenceError: random_phones is not defined

Подскажите пожалуйста как мне сделать вызов функции рабочим?

P.S.
Сразу скажу, что в JS не силен, поэтому сильно не пинать.

На момент срабатывания этого скрипта функция random_phones еще не определена.