Beberapa survei menunjukkan bahwa pengunjung blog lebih senang mencari artikel atau blog lain yang lebih cepat waktu memuatnya dibanding menunggu lama. Oleh sebab itu seorang blogger wajib memperhatikan dan menjaga agar blog mereka tetap dalam kondisi cepat.
Lalu bagaimana cara mempercepat loading blog tersebut?
Ada 2 langkah paling ampuh untuk mempercepat loading blog, yaitu:
1. Menambahkan kode Lazy Load pada kode Google Adsense
Sudah menjadi rahasia umum bahwa kode iklan dari Adsense sedikit banyak mempengaruhi kecepatan blog. Hal ini disebabkan pada iklan tersebut biasanya terdapat gambar animasi dan video berukuran besar. Terlebih lagi iklan Google Adsense bersumber dari link eksternal yang pastinya akan menyita source untuk bekerja lebih berat lagi mengaksesnya.
Untuk itu kita perlu menambahkan script Lazy Load pada kode iklan Google Adsense.
Cara menerapkan script Lazy Load Google Adsense (iklan)
- Buka blogger.com
- Tekan Tema
- Pilih Edit HTML
- Letakkan kursor di dalam kotak, lalu tekan tombol kiri mouse 1x. Kemudian tekan Ctrl + F
- Cari kode berikut dengan cara masukkannya ke dalam kotak search:, lalu tekan Enter.<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
- Hapus semua kode yang kamu temukan sama persis seperti kode di atas. Biasanya jumlahnya sama dengan jumlah iklan yang terpasang di blog kamu.
- Jika sudah, cari kode </body> biasanya terletak paling bawah.
- Lalu letakkan kode berikut di atasnya </body>
- Tekan Simpan Tema.
<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
Setelah memasang ini biasanya iklan Adsense tidak akan muncul. Iklan baru akan muncul ketika kita scroll halaman ke bawah. Sekarang coba cek kecepatan blog kamu di Pagespeed Insight atau GTmetrix. Sudah jauh lebih cepat kan?
Jika masih belum terlalu cepat, kita coba masuk pada langkah kedua.
2. Memasang kode Lazy Load Image (gambar)
Jika sebelumnya kita menunda iklan muncul pada di loading pertama, sekarang dengan menggunakan Lazy Load Image ini yang akan kita tunda berikutnya adalah gambar.
Cara Menerapkan script Lazy Load Image
- Buka blogger.com
- Tekan Tema
- Pilih Edit HTML
- Letakkan kursor di dalam kotak, lalu tekan tombol kiri mouse 1x. Kemudian tekan Ctrl + F
- Cari kode </body>
- Letakkan kode berikut di atas </body>
- Tekan Simpan Tema
<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>
//<;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>
Setelah menerapkan 2 langkah di atas saya yakin loading blog sobat akan semakin ngebut seperti punya saya.
