Tunggu Sebentar...

2/26/2017

Cara Memasang Lazy Load

Baca Juga



AA Sciences, Aldi Andreansyah - Script Fast Loading, Script Lazy Load Fast, Memasang Script Lazy Load, Cara Memasang Lazy Load Blog.


Lazy Load
Cara Memasang Script Lazy Load Blog - Adanya sebuah tampilan yang fast akan masalah loading pada sebuah website atau blog sekalipun adalah salah satu hal yang dimana hal tersebut sebagai bahan yang menjadi pertimbangan kenyamanan bagi para user maupun pengunjung, tetapi hal yang terpenting yakni untuk kenyaman para pengunjung di karena kan pengunjung/visitor merupakan salah satu hal yang pokok untuk banyak nya sebuah visitor atau pengunjung agar menjadi nyaman na dengan adanya sebuah tampilan website atau blog terutama yang dimana website atau blog tersebut tidak tampil lama (lemot) melainkan blog yang tampil wussh adalah hal yang diinginkan bagi para pengunjung agar lebih efisien mengunjungi blog tersebut tanpa tidak adanya keterlamaan dalam kecepatan loading tersebut.

Dengan adanya sebuah website atau blog yang tampil fast loading merupakan hal yang sudah tak asing pula kita hiraukan terutama untuk para user yang biasa nya memperhiraukan masalah situs nya tersebut di karena kan hal tersebut merupakan hal untuk menjaga nya sebuah website atau blog agar tampil mempernyaman penduduk bahkan fast nya sebuah loading pun tidak lah hanya untuk memberi kenyamanan para pengunjung tetapi adanya fast loading pun akan mencakup masalah SEO, yaps SEO (Search Engine Optimazion), yang berarti fitur yang dimana sudah memiliki nya kualitas SEO maka hal tersebut dapat di katakan Mudah nya tercantum sebuah postingan sebagian besar tampil pasa halaman pertama terutama Search Engine Google tersebut.

Namun tidak hanya itu membuat nya sebuah website atau blog yang ingin tampil fast loading sudah tak awam lagi untuk dunia blogging yang dimana pada umunya yakni seperti : Menghapus nya sebuah Widget yang tak penting, Meminimalisir CSS, Meminimalisir Jquery/Javascript, Mengoptimalkan Gambar dan memasang script tertentu pula khususnya, script tertentu yang dimaksudkan yakni adalah script Lazy Load, yaps Lazy Load, Lazy Load merupakan hal yang dimana halaman yang jika dituju tersebut akan tampil Gila seperti namanya Lazy dan Load yang berarti menunggu lalu jika diartikan lazy load merupakan tools yang berjenis sebuah script yang dimana script tersebut akan membuatnya terutama website atau blog menjadi tampil fast loading atau loading cepat.

Baca :


Adanya fitur Lazy Load jika diterapkan pada website atau blog tertentu pun tentunya memilki beberapa kelebihan dan kekurangan nya jika script Lazy Load tersebut sudah nya terpasang pada fiyr blogger terutama, yakni sebagai berikut :

Kelebihan Terpasang Nya Script Lazy Load di Website atau Blogger


  1. Website atau blog kalian akan mengalami kecepatan tertentu baik itu bentuk teks, gambar, script HTML, CSS, Jquery/Javascript, PHP, dll.
  2. Akan mencakup SEO dalam suatu Website atau blog, di karena kan blog tersebut tampil cepat, dengan adanya blog tampil cepat merupakan hal yang disukai oleh Search Engine terutama Google.
  3. Blog akan tampil lebih profesional, berbeda dengan blog lainnya yang biasanya jik terjadi pengaksesan sebuah situs harus menunggu terlebih dahulu seluruh nya, tetapi jika terdapat script Lazy Load sebagian besar situs akan tampil jika bagian tertentu di arahkan contoh sebuah gambar yang ingin dilihat maka jika di arahkan akan tampil dan Contoh aplikasi nya yakni seperti FB Lite yang sudah tidak asing lagi digunakan tentunya yang memilki akun facebook.
  4. Sebuah Gambar akan menjadi setidaknya terdapat seperti efek jika gambar tersebut di akses maka akan tampil seperti ada efek nya yaitu hal dari suatu Lazy Load nya tersebut.
  5. Dapat nya di atur script yang diinginkan nya dalam script Lazy Load nya tersebut.

Sekiranya hanya sekian kelebihan terpasang script Lazy Load di blogger yang dapat AA Sciences sampaikan, Maka lanjut mengenai kekurangan terpasang script Lazy Load pada blog di bawah ini.

Kekurangan Terpasang Nya Script Lazy Load di Website atau Blogger


  1. Tidak hanya mendapatkan fitur yang fast loading, namun dapat pula menghambat nya sedikit kekurangan loading dikarenakan terdapat nya script Jquery/Javascript tersebut, tetapi AA Sciences lebih menyarankan kalian menggunakan script Lazy Load nya tersebut.
  2. Script Lazy Load ini di terapkan pada sesudah body, maka akan berdampak link external (Luar) ke kurang nya fast loading.
  3. Pada Image Gambar Tidak nya langsung terpampang melainkan kita harus mengakses gambar tertuju agar tampil nya gambar tersebut.

Mungkin hanya tiga saja mengenai kekurangan nya jika adanya script Lazy Load terpasang pada blog yang dapat AA Sciences sampaikan.

Jika sudah mengetahui kelebihan dan kekurangan terpasang nya script Lazy Load pada blogger kalian, maka langsung saja mengenai tutorial penerapan nya script Lazy Load nya di bawah ini :

Cara Memasang Script Lazy Load Agar Blog tampil Cepat di Blogger.


  • Pastikan kalian sudahlah Login terlebih dahulu pada akun Blogger kalian.
  • Template - > Edit HTML - > CTRL+F (untuk memudahkan pencarian) lalu cari tag kode </body> atau jika bingung atau tidak tertemunya tag diatas maka tag ini biasa terdapat pada paling bawah sebuah Template.
  • Jika sudah ditemukan kode </body> nya nya tadi, maka langsung saja kalian Salin kan Script Jquery/Lazy Load nya di bawah ini tepat sebelum tag kode </body> nya, berikut Script Jquery/Javascript nya :


<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(){$(".post img").lazyload({placeholder:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"0"})});

$("ul li:has(ul)").addClass("has-submenu");$("ul li ul").addClass("sub-menu");$("ul.dropdown li").hover(function(){$(this).addClass("hover")},function(){$(this).removeClass("hover")});var $menu=$("#menu"),$menulink=$("#spinner-form"),$search=$("#search"),$search_box=$(".search_box"),$menuTrigger=$(".has-submenu > a");$menulink.click(function(e){$menulink.toggleClass("active");$menu.toggleClass("active");if($search.hasClass("active")){$(".menu.active").css("padding-top","50px")}});$search.click(function(e){e.preventDefault();$search_box.toggleClass("active")});$menuTrigger.click(function(e){e.preventDefault();var t=$(this);t.toggleClass("active").next("ul").toggleClass("active")});$("ul li:has(ul)");$(function(){var e=$(document).scrollTop();var t=$(".nav_wrapper").outerHeight();$(window).scroll(function(){var n=$(document).scrollTop();if($(document).scrollTop()>=50){$(".nav_wrapper").css("position","fixed")}else{$(".nav_wrapper").css("position","fixed")}if(n>t){$(".nav_wrapper").addClass("scroll")}else{$(".nav_wrapper").removeClass("scroll")}if(n>e){$(".nav_wrapper").removeClass("no-scroll")}else{$(".nav_wrapper").addClass("no-scroll")}e=$(document).scrollTop()})})

//]]>

</script>


  • Langkah Terakhir, langsung saja Simpan Template dan lihat hasil nya dengan cara :


Login - > Lihat Blog - > Dan Cek  apakah jika kalian sudah mengunjungi blog kalian tersebut sudah terpasang atau belum, tanda² sudah terpasang nya lazy load yakni seperti sebuah gambar yang dimana kita akses terdapat nya terbuka gambar di Blogger ketika di akses nya tersebut.

Demikian, yang dapat AA Sciences sampaikan mengenai pembahasan Cara Memasang Lazy Load Blog, Semoga bermanfaat dan sekaligus menambah nya wawasan kalian, Amin.

Artikel Terkait

Seorang Pelajar yang Ingin Berbagi Ilmu Pengalaman yang diketahui nya kepada seluruh Umat Manusia, dan Semoga Ilmu yang ia bagikan tersebut bermanfaat. Amin

================================================================
~ Jika ingin men Copy Paste harap masuk kan sumber link artikel saya di postingan sobat
~Dilarang Berkomentar link aktif , jika ada yang memasuk kan link aktif maka kami akan Hapus dan kami anggap Spam
~ Komentar lah dengan Bahasa yang Baik dan Relevan dengan sesuai artikel terkait tersebut . Terimakasih
================================================================
EmoticonEmoticon