Mempercepat Loading Blog dengan Plugin Jquery Speed Lazy Load
 |
Salah satu metode yang bisa sobat lakukan untuk mempercepat loading blog adalah dengan menambahkan plugin Jquery Speed Lazy Load. Plugin ini akan memberikan tambahan amunisi baru terhadap kecepatan loading blog Anda.
Untuk memasangnyapun cukup mudah. Berikut langkah-langkahnya.
Cara Memasang Plugin Jquery Speed Lazy Load di Blog
Sebenarnya metode cara mempercepat loading blog sudah saya tulisakan dengan mengetengahkan beberapa artikel. Sebut saja misalkan cara mempercepat blog dengan menghapus CSS Bundle. Namun begitu, Anda bisa menggunakan metode berikut ini:
1. Masuk akun blogger
2. Pilih template > salin dan tempatkan kode plugin JQuery Lazy load di bawah ini di atas kode </body>
<script type='text/javascript'> //<;b.loaded=true}).attr("src",a(b).attr("original"))}});if("scroll"!=c.event){a(b).bind(c.event,function(c){if(!b.loaded){a(b).trigger("appear")}})}});a(c.container).trigger(c.event);return this};a.belowthefold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).height()+a(window).scrollTop()}else{var d=a(c.container).offset().top+a(c.container).height()}return d<=a(b).offset().top-c.threshold};a.rightoffold=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).width()+a(window).scrollLeft()}else{var d=a(c.container).offset().left+a(c.container).width()}return d<=a(b).offset().left-c.threshold};a.abovethetop=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollTop()}else{var d=a(c.container).offset().top}return d>=a(b).offset().top+c.threshold+a(b).height()};a.leftofbegin=function(b,c){if(c.container===undefined||c.container===window){var d=a(window).scrollLeft()}else{var d=a(c.container).offset().left}return d>=a(b).offset().left+c.threshold+a(b).width()};a.extend(a.expr[":"],{"below-the-fold":"$.belowthefold(a, {threshold : 0, container: window})","above-the-fold":"!$.belowthefold(a, {threshold : 0, container: window})","right-of-fold":"$.rightoffold(a, {threshold : 0, container: window})","left-of-fold":"!$.rightoffold(a, {threshold : 0, container: window})"})})(jQuery);$(function(){$("img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]> </script>3. Save template
Untuk menambah kekuatan kecepatan loading blog Anda, sobat bisa menerapkan lengkah sederhana berikut ini:
- Jangan gunakan file image (gambar) terlalu besar. Bila mana perlu lakukan compress terhadap ukuran gambar tersebut.
- Jangan menggunakan widget blog yang tidak terlalu penting, misalnya data statistik, alexa rank, gallery gambar dll (menyesuaikan kebutuhan saja).
- Jangan menempatkan file video berlebihan (dengan ukuran besar). Tips ini hanya berlaku pada blog personal tanpa berhubungan dengan blog film. Jika memang hendak memasang file video, lakukan langkah yang benar. Simak selengkapnya.
Semoga dengan menggunakan tips SEO ini, blog Anda bisa menjadi cepat, seperti halnya Mas Rio Haryanto yang akan membawa nama Indonesia di kancah F1 di dunia. Semoag berhasil Mas Rio. Mari dukung Mas Rio Haryanto, semoga sukses.
Semoga bermanfaat. Salam.
