Script Untuk Mempercepat Loading Blog Dengan Lazy Load


Cara Membuat pengunjung betah berlama-lama di blog kita selain membuat konten yang bermanfaat dan banyak dicari orang adalah membuat page speed pada blog menjadi sangat cepat terutama untuk kawan-kawan yang memiliki visitor lebih banyak di pengguna smartphone.

Apa untungnya memiliki blog dengan load yang cepat?

Di zaman yang serba mobile friendly ini, kita sebagai blogger haru mengerti bahwa pengguna internet di seluruh dunia ini lebih banyak mengakses menggunakan smartphone mereka ketibang menggunakan perangkat desktop. Minat masyarakat dengan fitur-fitur pada internet membuat orang-orang ingin membuka situs atau blog yang di tuju dimana saja dan kapan saja. Jaringan yang digunakanpun tidak semua berkecepatan 4G atau pun tidak semua menggunakan wifi, ada banyak oenguna smartphone yang jaringannya masih 3G, disinilah peran penting kecepatan blog sangat di unggulkan. Bayangkan saja jika pengunjung blog kita merupakan pengguna smartphone dengan jaringan 3G sedangkan blog kita memiliki loading cukup buruk yaitu dibawah 75%.


Dengan mempercepat akses website atau blog akan memberikan kesempatan besar untuk mendapat visitor lebih banyak dan lebih betah berlama-lama di blog kita, apalagi blog kita memiliki informasi yang sangat berguna. Agar loading cepat, kita bisa menggunakan javascript untuk membantu permasalah ini.

Lazy Load

Merupakan script fast loading blog yang bisa kita manfaatkan untuk mempercepat loading pada situs blog kita. Dengan memasang script ini, tingkat kecepatan loading blog bisa mencpai 85 bahkan samapi 100 persen dengan memasang  javascript ini.

Cara mempercepat loading blog dengan script (Lazy Load)

    1. Pertama buka akun blogger kamu.
    2. Pada Dashboad Blogger ➔ Masuk ke halaman Template ➔ dan pilih Edit HTML.
    3. Carilah Kode </body> untuk memudahkan pencarian, silahkan gunakan CTRL+F.
    4. Letakkan Kode Java Lazy Load tepat Diatas Kode </body>.
    5. Jika Selesai Dipasang, Simpan hasil editan ➔ Refresh Halaman Dashboard Blogger kamu.
    6. Lihatlah Hasilnya Loading Blog kamu akan Menjadi lebih Cepat.
    <script type="text/javascript"> //<![CDATA[ // Lazy Load (function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);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>
    Related image
    Sumber gambar : 2.bp.blogspot
    Untuk mengecek seberapa cepat blog kamu sebelum dan sesudah memasang kode dari lazy load, kamu bisa menggunakan fitur dari google speed test atau bisa mengeceknya di testmysite google.
    Itulah tips dan trik cara mempercepat loading blogger dengan bantuan javascript dari lazy load. Semoga artikel ini membantu trik selanjutnya akan saya bahas cara mempercepat loading website wordpress.
    Blog saya pun masih belum cukup cepat karena masih perlu perbaikan, tapi, alangkah menyenangkannya jika kita bisa berbagi.
    Terima kasih sudah berkunjung semoga bermanfaat, bagikan kabar gembira ini jika berguna. Salam.

    0 Response to "Script Untuk Mempercepat Loading Blog Dengan Lazy Load"

    Posting Komentar

    Iklan Atas Artikel

    Iklan Tengah Artikel 1

    Iklan Tengah Artikel 2

    Iklan Bawah Artikel