Cara Memasang Lazy Load Diblog

Cara Memasang Lazy Load Diblog - Lazy Load merupakan sebuah pulgin JQuery yang digunakan untuk menunda pemanggilan file sebelum melakukkan sebuah aktifitas tertentu, seperti scroll halaman/page. banyak para blogger menggunakan fitur ini untuk mempercepat loading blog mereka dan menjadi salah satu trik dalam mengoptimasi blog itseboy .com .

Baca Juga : Cara Agar Artikel Cepat Terindex Dengan Fetch As

buat temen temen yang sedang mengoptimasi blognya, bisa juga menggunakan trik ini dan langsung mencobanya sehingga tau perbedaan saat awal sebelum dipasang dan setelah dipasang lazy load. apabila blog kita lambat dan berat saat loading itu karena saat kita menggunakan browser untuk masuk kesebuah halaman website, maka browser kita akan mendownload data dari laman tersebut secara otomatis dan disimpan dalam cache browser.

Baca Juga : Tips Mengatasi Bom Klik Dan Cara Memasangnya

Nah, agar pengunjung tidak kabur karna blog kamu lambat coba dipasang script lazy load dengan mengikuti langkah dibawah ini.

Baca Juga : Apa itu Jigling ?

Langkah Langah Memasang Lazy Load

1. buka blogger > Template > Edit HTML> copy kode dibawah ini dan letakkan sebelum 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:"https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiTR6KUdfRY7n3pak9_ur7HbkvyzVAFLsq20sDWQsintXdZMqnMCHjGaDPXc5iZV907RsmT9BVH2aogwLSYVbWj3BUswIDHIExyescdWpo1sbODHuzi_KPZ2yOmwp-kXpqAObE2WrF49KWo/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})}); //]]></script>

2. simpan dan lihat hasilnya

SELAMAT MENCOBA ...

Share this post