Cara Mempercepat Loading Blog Dengan Script dapat dilakukan dengan memasang Script Lazy load image, Menggunakan Lazy Load untuk Adsense dan juga Mengaktifkan Expired Header.
Pada penerapanya dapat menerapkan salah satunya saja atau bisa dilakukan semuanya. Karena pada dasarnya ketika ingin mempercepat loading blog kita harus mengotimasi setiap elemen yang ada pada blog kita.
Nah pada kesempatan kali ini saya hanya fokus untuk menyisipkan script apa saja yang bisa diterapkan supaya nantinya bisa mengoptimalkan loading ari blog Anda.
Daftar Isi
Cara Mempercepat Loading Blog Dengan Script Lazy load (image)
Berikut ini cara memasang script lazy load image dengan mudah di blogger :
- Login terlebih dahulu ke blogger.com.
- Jika sudah berada di dasboard pilih menu Theme atau Tema.
- Kemudian pilih Customize.
- kemudian pilih Edit HTML.
- Kemudian Tekan Ctrl+F lalu ketikkan </body>. masukan kode script yang ada dibwah ini tepat di atas kode </body>.
<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:"https://4.bp.blogspot.com/-XNnCtsmVWps/WwUzI4O3OMI/AAAAAAAAGzM/s5IzNI42txMh8ZglfGk9ktfD7CqQ0JkMgCLcBGAs/s1600/sun.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
- Klik Simpan.
Cara Mempercepat Loading Blog Dengan Script Lazy Load (Adsense)
Jika Anda menggunakan Adsense sebagai pendapatan blog anda tentuya akan mempengaruhhi kecepatan dari web Anda oleh karenanya untuk mengatasi hal tersebut Anda perlu menyisipkan script Lazy load Adsense supaya nantinya dapat mempercepar loading dari blog Anda.
Berikut ini cara memasang script lazy load adsense dengan mudah di blogger :
⦁ Login terlebih dahulu ke blogger.com.
⦁ Jika sudah berada di dasboard pilih menu Tema
⦁ Kemudian pilih Customize.
⦁ kemudian pilih Edit HTML.
⦁ Kemudian Cari dan Hapus kode adsense, biasanya seperti kode berikut :
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
⦁ Setelah itu cari kode </body> atau <!–</body>–></body> . Kemudian pasang tepat script berikut tepat di atasnya :
<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>
⦁ JIka sudah klik Simpan
Perlu diketahui juga Pemasangan dari script lazy load adsense memang cukup efektif dalam meningkatkan kecepatan loading blog, Akan tetapi beberapa blogger mengeluhkan jika pendapatan mereka menjadi menurun. Walaupu pada penggunaanya scipt ini aman-aman saja, namun ada baiknya anda sesuaikan dengan kebutuhan.
Cara Mempercepat Loading Blog Dengan Memasang Expired Header
Mengaktifkan firut Leverage Browser Caching dengan mengaktifkan Expired Header, yang berfungsi sebagai pengatur lama waktu kadaluawarsa (expired) sebuah Source Code dari file-file seperti gambar, script css ataupun js dan lainnya yang sebelumnya sudah telah tersiman ketika pertama kali pengunjung berkunjung.
Sehingga nantinya ketika visitor mengunjungi blog kita untuk kesekian kalinya,maka nantinya akses bisa lebih cepat karena browser sudah menyimpan source code dari file-file di blog kita sesuai dengan lama waktu yang telah di tentukan pada Leverage Browser Caching.
Berikut cara memasang Expired Header suapaya dapat mengaktifkan Leverage Browser Caching :
- Login terlebih dahulu ke blogger.com.
- Jika sudah berada di dasboard pilih menu Tema
- Kemudian pilih Customize.
- kemudian pilih Edit HTML.
- Kemudaian Pasang script yang ada dibawah ini tepat diatas kode </head>
<include expiration='7d' path='*.css'/> <include expiration='7d' path='*.ico'/> <include expiration='7d' path='*.js'/> <include expiration='3d' path='*.gif'/> <include expiration='3d' path='*.jpeg'/> <include expiration='3d' path='*.jpg'/> <include expiration='3d' path='*.png'/>
- Jika sudah klik Simpan.
Cukup sekian pembahasan mengenai Cara Mempercepat Loading Blog Dengan Script . Tetunya sagat mudaah untuk Anda terapkan karena Anda hanya perlu menyisipkan beberapa script yang sangat mudah diimplementasikan. Jika ada pertanyaan bisa menannyakan pada kolom komentar dibawah.
