
Cinemedia丨Mempercepat Loading Blog Dengan Memasang Lazy Load - Begitu banyak cara agar loading blog terasa sangat cepat. Yaa, Salah satu nya yaitu dengan memasang script Lazy Load Langsung saja Cinemedia akan membagikan trik agar blog lebih cepat dalam memuat halaman.
Pengertian Plugin Lazy Load?
Lazy Load merupakan sebuah script yang mampu menunda sebelum memuat nya sebuah file untuk aktifitas tertentu.
Cara Pemasangan Plugin Lazy Load!
1. Buka Blogger ➝ Template ➝ Edit HTML. Kemudian tambahkan kode dibawah ini sebelum tag
</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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
2. Simpan Perubahan Template Dan Silahkan Lakukan Pengujian.
Kalian bisa melakukan pengujian plugin Lazy Load ini di Web GTmetrix Kemudian periksa di bagian YSlow.
Thank You :
Arlinadzgn Tutorial
Belum ada Komentar untuk "Mempercepat Loading Blog Dengan Memasang Lazy Load"
Posting Komentar
Keterangan Komentar!