Skip to content Skip to sidebar Skip to footer

Pasang Lazyload Image Loading Blogger Dan Lazyload Wordpress

Pasang Lazyload Image Loading Blogger Dan Lazyload Wordpress

Memasang lazyload image loading blogger java script adalah untuk mempersingkat atau mempercepat loading pada website kalian semua, mempercepat untuk website anda sangatlah penting semakin cepat loading image gambar maka semakin juga untuk mendapatkan kredit score baik untuk web.


Lazy load menjadi terpenting bagi yang belum tahu, akan kami kasih tutorial untuk pemasangan lazy load versi Mboton Dev agar website anda juga mendapatkan score spped website, yang baik anda juga bisa mengeceknya sebelum anda memasangkan lazyload anda bisa tahu bagimana, perbedaannya setelah di pasang dan sebulm di pasang lazyload.


Apa itu Lazy Load?


Lazy Load Adalah cara Teknik untuk mempersingkat pemuatan loading image diwebsite yang merubah tidak sinkron, yang artinya Lazy Load Setelah Konten artikel bagian atas sepenuhnya di muat oleh lazyload, maka gambar yang tidak akan di muat oleh lazyload.


Lazy Load akan bekerja setelah memasangkan codenya tersebut dan dapat dilihat di dalam viewprt, template web blogger, sebagai contoh saja silakan apload image yang zisenya besar, maka akan terlihat sangat cepat juga untuk load time yang sangat cepat.


Lazy Load ada nilai positifnya yang sangat banyak selain bisa memuat image yang sangat baik, untuk akses menghematkan data bandwidth dan resource. Oleh penujung anda akan menghemat data yang sangat kecil untuk memakanya.


Ada 3 Fungsi Mengapa Kamu Harus Memasangnya Lazy Load Blogger


  • Meningkatkan para penggunjung atau Visitor yang baik, Dengan Cara menerapkan dan memamsang lazy load pada web blogger, maka secara tidak langsung website anda akan juga dapat peningakat user experience baru. Bagi user internetnya lemod juga akan bisa terbuka di semua perangkat dengan batuan lazy load yang sangat banyak menguntungkan dan sangat membantu.

  • Jika website blogger yang pasti kamu menggunakan JavaScript Memuat DOM dengan cepat ini Sangatlah penting untuk yang mempunyai website baru atau sudah lama DOM untuk pemuatan sangatlah lambat untuk menunggu scriptnya dengan cara pasang lazy load pemuatan sangatlah menjadi lebih cepat.

  • Menghemat Bandwith dan resource server blogger, pemuatan gambar menjadi tidak akan sinkron saat dimuat lazy load. Meningkatka user experience di perangkat seluler yang mempunyai koneksi yang lamat jadi adanya lazyload sangat membantu pengujung atau visitor anda.


Cara Memasang Lazy Load pada Blogger Java Script


  1. Masuk Akun Gmail.
  2. Masuk Akun Blogger.
  3. Masuk Pilih Tema/Template.
  4. Cari Code </body>.
  5. Pastekan sebelum </body>.


<script>
//<![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:" https://1.bp.blogspot.com/-RwsQxcdjQRQ/YCBgKgSqo6I/AAAAAAAAAy4/90EnkcvZnPg-71oAOXyen8-fpeWCPQKyACLcBGAsYHQ/s16000/error-404-mboton.jpg ",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>


Klik Simpan tema/Tempate


Jika kamu sudah mempastekan kode diatas semua, javascriptnya untuk menerapkan lazy load. Semua Atribut website Loading ada 3 opsi untuk menunda pemuatan di dalam website dan gambar di luar layar dan iframe sehingga oleh para pengguna melakukan scroll kebawah dan akan menuju gambarnya.


Loading dapat mengambil salah satu dari tiga nilai ini:


  1. Lazy: Akan bekerja sangat baik untuk yang sudah memasangkan LazyLoad
  2. Eager: Untuk Menginstruksikan ke browser untuk pemuatan artikel atau untuk memuat konten yang ditentukan.
  3. Auto: bebas untuk pemuatan Lazy Load.


Untuk Pemasangan Lazy Load ini adalah cara yang terbaik karena untuk pemasangan atribut loading akan sangat cepat dan tidak memiliki overhead pada pemuatan website yang internetnya sangat lemod.


Pasang Lazyload Wordpress


Pasang Lazyload Wordpress

Jika kalian semua pengguna wordpress tenang saya akan membuatnya tutorialnya karena wordpress cukup menginstall plugin lazyload yang terdapat fitur plugin yang aktif anda bisa menggunakan ada 3 opsi juga untuk memilih plugin lazyload wordpress anda.


Daftar Plugin Lazy Load yang Recomemnded Terbaik dan Populer yaitu bi bawah ini yang anda bisa gunakan:


  • WP Rocket.
  • BJ Lazy Load.
  • A3 Lazy Load.


Untuk Informasi Tentang  Pasang Lazyload Image Loading Blogger Dan Lazyload Wordpress Fitur ini sangat berguna, untuk yang belum mengetahui cara pasang di blogger maupun wordpress anda bisa mencobanya semoga anda berhasil untuk meningkatkan performa website blogger dan wordpress yang lebih baik lagi untuk memuat loading, yang lambat.

Mboton
Mboton Spesialis pembuat Blogger sejak tahun 2013.

Post a Comment for "Pasang Lazyload Image Loading Blogger Dan Lazyload Wordpress"