cara mempercepat kinerja website anda menggunakan JavaScript atau jquery (lazyload)

Hai sobat, kali ini saya akan berbagi sedikit tutorial bagaimana cara mempercepat kinerja website Anda menjadi lebih baik dari sebelumnya, mari kita lihat.

Before use lazyload

pertama-tama Anda copy paste javascript / jquery nya terlebih dahulu dibawah ini :

<script type='text/javascript'>// Jquery LazyLoad Script by REEDNIV //<; 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:"data:image/gif;base64,R0lGODlhAQABAIABAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAICTAEAOw==",effect:"fadeIn",threshold:"-50"})}); //]]></script>

Jika sudah, maka persiapkan untuk edit Template / theme blog Anda seperti gambar di bawah 👇🏻 

pastikan menaruh javascript sebelum kode </head> dan hasilnya seperti gambar diatas, jika sudah simpan Template /theme blog Anda dan coba buka website Anda lagi.

Maka akan ada perubahan yang signifikan terhadap kinerja website Anda. dan coba lihat perubahan kecepatan website Anda sebelum pasang javascript lazyload dan sesudah memasang javascript lazyload.

untuk mencoba kecepatan website bisa lewat gtmetrix

untuk hasil yang sudah menggunakan JavaScript lazyload akan seperti dibawah ini 👇🏻

after use lazyload

untuk optimasi website menggunakan lazyload sangat bagus untuk meningkatkan kecepatan website Anda secara signifikan.

Sebelumnya 72% dan naik menjadi 82% maka kecepatan website Anda naik sekitar 10% dari optimasi website Anda menggunakan lazyload. 

Begitulah tutorial yang saya berikan kali ini, bila ada yang kurang jelas bisa tanyakan lewat komentar dibawah.