Apa itu Lazy Load dan Fungsinya bagi Blog ?

Portaljawa.com – Halo sobat Portaljawa dipostingan ini kami akan membahas Apa itu Lazy Load dan Fungsinya pada Website, Yah salah satu penemuan baru yang sangat banyak blogger gunakan saat ini. Padahal trik ini sangat mudah diterapkan di Blog akan tetapi masih banyak Publisher yang belum begitu memahaminya.

Salah satu Poin penting sebuah website ialah kecepatan saat dimuat. Lihat saja sebuah blog dengan kecepatan loading yang lambat pasti akan ditinggal oleh para pembaca. Sedangkan website dengan kecepatan yang sangat cepat pasti akan disukai oleh pembaca dan sekaligus dapat poin lebih oleh Google.

Karena Google sudah menyampaikan, Sebuah Penentu Website memiliki Nilai baik dimata google ialah Kecepatan saat dimuat halamannya. Entah itu halaman Home ataupun halaman artikelnya, Seperti yang kalian tau, Sebuah artikel pasti akan membutuhkan gambar untuk mempercantik tampilan dan melengkapi isi artikel.

Nah gambar tersebut sangat memberi efek yang kurang bagus bagi website jika tidak dioptimasi terlebih dahulu. Namun ketika website anda dipasang script lazy load maka kecepatan memuat artikel sekaligus gambar akan meningkat dan akan sangat cepat. Bahkam ada yang bilang jika lazy load hampir sama dengan Webiste Valid AMP.

Ada beberapa teknik cara mempercepat loading blog. Cara yang saya gunakan untuk membuat blog loadingnya cepat ialah Lazy load. Lazy load banyak digunakan untuk optimasi gambar atau Thumbnail di blog kalian yang berat loadingnya. Akan tetapi penggunaan lazy load harus tepat dan lebih baik kalian eksperimen apakah lazy load baik atau tidak.

Baca Juga : Mengenal Lebih dalam mengenai Off Page SEO

Apa Itu Lazy load dan Fungsinya bagi Blog

apa itu lazy laod
Apa itu lazy load

Lazy load adalah sebuah script yang berguna untuk mempercepat loading blog dengan cara menjeda waktu loading. Lazy load banyak digunakan oleh master SEO, Dengan cara itu website dan blognya terasa ringan. Blog yang cepat adalah impian para blogger karena dengan mempunyai blog/website yang loading pagenya kenceng membuat pengunjung menyukai blog kita.

Namun menurut kami lazy load aman dan hasilnya juga mantap. Di blog saya lazy load sudah terpasang dan dampaknya sangat signifikan. Yang tadinya pagespeed blog hanya sampai 50 keatas versi mobile (disini saya memasang iklan) dan versi dekstop masih lumayan bagus 80 keatas.

Setelah saya memasang script lazy load loading terasa ringan dan pagespeed meningkat bahkan sampai 97 versi mobile padahal saya memasang iklan adsense.Memang sangat membantu sekali lazy load untuk blog. Jika blog kalian banyak memasang iklan dan gambar /Thumbnail lazy load adalah pilihan yang tepat. Ada banyak skrip lazy load yang tersebar di google akan tetapi yang saya tahu hanya 2 yaitu :

1) lazy load gambar

2) lazy load adsense (optimasi iklan adsense)


Diartikel kali ini kami membahas lazy load khusus untuk blogger ya gan jika kalian menggunakan wordpress saya belum pernah mencobanya oleh karena itu saya belum berani memberi tutor. Untuk pemasangan skrip lazy load cukup mudah.


Dimana kita bisa menempatkan skrip ini ? Kalian bisa menempatkan skrip lazy load dibawah <head> dan sebelum </head> kalau penempatan disitu khusus untuk lazy load Adsense. Pemasangannya pun tidak sembarangan. Kalau yang lazy load Adsense caranya kalian hapus kode bawaan adsense seperti dibawah ini.

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Lazy Load Adsense

Lalu kalian ganti dengan menggunakan skrip lazy load Adsense.  Kalian bisa meng-Copy Script Lazi load dibawa ini.

<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>


Nah yang harus kalian perhatikan adalah jika kalian sudah memasang script tersebut kalian hapus semua kode bawaan adsense semua cukup kalian pasang kode iklannya saja. Untuk lebih lengkapnya kalian bisa mengunjungi artikel saya sebelumnya yaitu Cara memasang Lazy load di Blog dengan mudah.


Disitu kami memberikan tutor yang sangat mudah dipahami kalian. Nah untuk kalian yang belum paham cukup komentar dibawah nanti kami akan membalasnya. Terimakasih sudah melihat artikel Apa itu lazy load.

2 pemikiran pada “Apa itu Lazy Load dan Fungsinya bagi Blog ?”

Tinggalkan komentar