Я оптимизирую свой сайт на основе Google PageSpeed Insights. Он рекомендует "Удалить JavaScript, блокирующий рендеринг" для нескольких файлов (имена упрощены, например, для ради):
<script src="js/1.js" type="text/javascript"></script>
<script src="js/2.js" type="text/javascript"></script>
<script src="js/3.js" type="text/javascript"></script>
Я пробую подход Патрика Секстона "Отложить загрузку Javascript", который только откладывает один файл (defer.js
):
<script type="text/javascript">
function downloadJSAtOnload() {
var element = document.createElement("script");
element.src = "defer.js";
document.body.appendChild(element);
}
if (window.addEventListener)
window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent)
window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
</script>
У меня вопрос: как можно изменить этот подход, чтобы включить несколько файлов (например, 1.js
, 2.js
, 3.js
)?