Cara Melakukan Deffer JavaScript Untuk Mempercepat Loading Blog

Baiklah kali ini saya akan berbagi mengenai cara melakukan deffer javascript pada blogger. Deffer JavaScript ini berfungsi untuk menambah kecepatan blog pada saat pengetesan di Google Page Speed.

Jadi JavaScript external pada template blog akan dimuat terakhir setelah seluruh halaman web selesai dimuat. Karena itu lah maka pen defferan JavaScript ini akan mempercepat loading blog.

Biasanya JavaScript External yang akan kita deffer adalah JQuery, karena memang JQuery ini sangat mudah dipakai untuk mempercantik tampilan template.

Kalau kalian ingin mencoba Template Blog yang ringan silakan cek template Cetar Fast karena template tersebut tidak menggunakan JQuery.

Oke Langsung saja

Tutorial Deffer JavaScript Pada Blogger

Pertama silakan kalian masuk mode html pada blog kalian.
Membuat Semua Link Menjadi Open Link New Tab
Selanjutnya copy paste kode dibawah ini :


<script type ="text/javascript">
//<![CDATA[ 
// Add a script element as a child of the body
function downloadJSAtOnload() {
    var element = document.createElement("script");
    element.src = "JAVASCRIPTEXTERNAL.js";
    document.body.appendChild(element);
}

// Check for browser support of event handling capability
if (window.addEventListener)
    window.addEventListener( "load", downloadJSAtOnload, false);
else if (window.attachEvent)
    window.attachEvent( "onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
//]]>
</script>


Simpan kode tersebut diatas kode </body>
Cara Membuat Infinite Scroll Pada Blogger
Silakan kalian coba test template blogger kalian melalui google page speed maka permasalahan perenderan akan hilang.

Bagaimana sudah paham dengan cara melakukan deffer JavaScript ?
Jika masih bingung silakan tanya dikolom komentar.
Short URL:

No comments:

Post a Comment

1. Berikan Komentar yang Relevan
2. Tidak Mengandung SARA
3. Berkomentar yang Sopan