Script Defer Multiple Js
Defer adalah proses pemuatan JS yang dilakukan di latar belakang browser ketika halaman diakses dan dieksekusi setelah seluruh halaman berhasil dimuat. Dengan begitu, pemuatan JS tidak mengganggu pemuatan halaman. Sehingga saat ini defer sangat membantu dalam membuat loading halaman menjadi lebih ringan.
Script defer untuk single JS:
function downloadJSAtOnload(){
var d=document.createElement("script");
d.src="script.js",document.body.appendChild(d)
}
window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
Script defer untuk multiple JS:
function loadDeferScript(o) {
var d = document.createElement("script");
d.src = o, document.body.appendChild(d)
}
function downloadJSAtOnload() {
loadDeferScript("script1.js"), loadDeferScript("script2.js")
}
window.addEventListener ? window.addEventListener("load", downloadJSAtOnload, !1) : window.attachEvent ? window.attachEvent("onload", downloadJSAtOnload) : window.onload = downloadJSAtOnload;
Silahkan tambahkan ,loadDeferScript("script3.js") dan seterusnya jika ada, di belakang kode yang sudah ada seperti berikut:
function loadDeferScript(o) {
var d = document.createElement("script");
d.src = o, document.body.appendChild(d)
}
function downloadJSAtOnload() {
loadDeferScript("script1.js"),
loadDeferScript("script2.js"),
loadDeferScript("script3.js")
}
window.addEventListener ? window.addEventListener("load", downloadJSAtOnload, !1) : window.attachEvent ? window.attachEvent("onload", downloadJSAtOnload) : window.onload = downloadJSAtOnload;
Sekian tutorial dari saya, semoga bermanfaat dan selamat mencoba…!
Last updated:
