Здравствуйте.

Ребята, если вас это не затруднит, выскажите, пожалуйста, своё мнение по следующему вопросу.

Есть загрузка большого (около 4 Мбайт) javascript-файла через XmlHttpRequest. Допустим, файл http://domain/javascript_code.js.

Для того, чтобы, зная количество загруженных данных, показать процент загрузки на индикаторе. Распространённая практика.

Затем нужно подключить этот же скрипт к документу. Чтобы он работал. Сам скрипт, получается, уже загружен в браузер.

Есть два варианта подключения javascript скрипта к странице из javascript кода.

1. Классический. Через тег (элемент) script, атрибут src:

var script = document.createElement("script");
script.src = " http://domain/javascript_code.js";
document.head.appendChild(script);

Скрипт подключается как:

<script src=" http://domain/javascript_code.js"></script>

Тут получается второй запрос за файлом скрипта на сервер. Если есть кэш - хорошо, но браузер всё-равно дёргается.

2. Инлайн вставкой javascript кода (результата реквеста xhr.responseText) между тегами:

var script = document.createElement("script");
script.textContent = xhr.responseText;

Скрипт выглядит так:

<script id=”js_script”>JAVASCRIPT_CODE</script>

Размер данного кода весьма большой, около 4 Мбайт.
Во втором случае нельзя дебажиться в браузере.

Как вы думаете, во втором случае какие могут быть подводные камни?
Это корректный подход?

Заранее благодарен.