cara mempercepat loading blog dengan script lazy load

Gan kali ini saya masih kasih tambahan cara mempercepat loading blog dengan script lazy load. Script Lazy Load ini berfungsi untuk mencegah terloadnya sebuah gambar hingga dimunculkan pada browser, contohnya begini, bila kamu mengunjungi sebuah post yang banyak menggunakan gambar, maka gambar yang terload adalah gambar yang muncul pada browser, sedangkan gambar-gambar yang bawah tidak akan terload sampai kamu mensrol gambar tersebut sehingga mempercepat loading blog, kurang lebih begitu.

Script Lazy Load ini cukup bagus atau punya nilai tambah pada sisi nilai SEO onPage, karena post mudah terload, seperti Google yang ia menganggap bahwa "2070000000 hasil dalam 0,13 detik itu terlalu lambat, dan bila kamu punya blog/post yang seperti itu atau bahkan dibawah setandar maka mau tidak mau mencari cara untuk mempercepat loading blog yang salah satu caranya adalah memasang script lazy load ini.


Cara Memasang Script Lazy Load di Blog

NB 1: Sebelum memasang coba kamu ukur terlebih dahulu seberapa cepat blog kamu kemudian kamu catat, dan setelah kamu pasang Script Lazy Load ini kamu ukur lagi supaya terlihat apakah ada pengaruh setelah memasang script ini, untuk menggukurnya kamu bisa menggunakan Stopwatch.

NB 2: Sebelum kamu memasang script lazy load ini sangat disarankan untuk membackup terlebih dahulu template kamu, supaya bila terjadi kegagalan kamu bisa mengembalikan seperti semula. 

Untuk memasang Script Lazy Load ini saya tidak akan membahas dari awal karena saya sudah anggap kamu sudah bisa sampai tahap ini. Untuk memasangnya kamu masuk pada dashbor untuk mengedit HTML theme kamu, bila sudah sekarang kamu cari kode </head> bila sudah ketemu sekarang kamu copy paste kode dibawah ini diatasnya:

<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh175KEjaFPrUfKMRjQgt0UHZb4Ewp3RaBLZ5nYrd8mUNQuS0BcSXUKBP2fUrF8AeEK04IyPMfOaoB1f81Ycjw1oRzfkimDrAJG6cXXwZ38PYG37ilBAuwlXAiY18vX_FwCQ_sKH7gmu6mE/s1600/best+blogger+tips.png'/></a><script charset='utf-8' src='http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/>

<script src='http://pwam.googlecode.com/files/jquery.lazyload.js' type='text/javascript'/>

<script charset='utf-8' type='text/javascript'>

$(function() {

$(&quot;img&quot;).lazyload({placeholder : &quot;http://pwam.googlecode.com/files/grey.gif&quot;,threshold : 200});

});

</script>

Kode by: spiceupyourblog

Bila sudah, save template kamu.

Nah, sampai disini tutorial "Cara Mempercepat Loading Blog Dengan Script Lazy Load" semoga bermanfaat.

share this article to: Facebook Twitter Google+ Linkedin Technorati Digg

Posted by Unknown, Published at 19.55 and have 0 komentar