6 Cara Mempercepat Loading Blog

Cara Mempercepat Loading Blog

Rezapedia.com - Ngomongin soal loading blog, pernah kesal gak sih sama situs yang nge-load nya lama banget? nah sama nih mimin juga kesal banget kalau ketemu blog yang nge-load nya super lama, padahal koneksi internet sudah cukup stabil.

Ada banyak tools yang bisa kalian coba untuk mengetahui kecepatan loading blog atau website yang efektif dan mudah. Berikut 6 tools yang bisa kalian coba untuk melakukan pengecekan:

Google Mobile Website Speed Testing Tool
Google PageSpeed Insight
Web Page Analyzer
Chrome DevTools
Load Impact
GTMetrix

Fyi kecepatan loading page pada blog kalian akan mempengaruhi SEO pada blog.

Dampak Negatif Loading Blog Lambat

Sebelum ke bagian cara mempercepat loading blog, yuk ketahui dulu dampak negatif apabila loading blog kalian lambat, berikut beberapa diantaranya.

1. Mengurangi Traffic Blog

Dampak negatif yang akan dialami pada blog lambat yaitu akan mengalami yang namanya penurunan traffic pada blog. kenapa bisa begitu? karena loading blog yang lambat tentu akan membuat pengunjung menjadi malas untuk menunggu dan akhirnya tidak jadi membuka blog kalian karena loadingnya yang sangat lambat.

2. Mengurangi Pendapatan

Karena traffic blog kita turun, alhasil pendapatan kita dari adsense atau yang lainnya pasti akan ikut turun juga karena pengunjung blog kita yang kelamaan menjadi sepi.

3. Berdampak Buruk Pada SEO

Di atas mimin sudah bilang kalau kecepatan loading blog kalian akan mempengaruhi SEO, oleh karena itu sangat penting untuk mempercepat loading blog kalian.

Dampak Positif Loading Blog Cepat

Nah, dampak positifnya hanya kebalikan dari dampak negatif dari loading blog lambat di atas seperti meningkatkan traffic, meningkatkan pendapatan, dan akan membuat blog kita menjadi lebih SEO.

6 Cara Untuk Mempercepat Loading Blog

Sekarang mimin rezapedia mau share nih gimana cara nya agar blog kita loading nya bisa lebih cepat? lebih responsive? lebih SEO? ada beberapa cara untuk mempercepat loading blog atau website sobat, mulai dari tidak banyak widget/iklan contohnya.

Berikut adalah 6 cara untuk mempercepat loading blog kalian.

1. Memasang Lazy Load Image

Lazy Load Image

Lazy Load merupakan cara optimasi untuk meringankan banyak beban dalam loading saat memuat halaman blog. Sehingga waktu yang digunakan untuk membuka halaman lebih cepat karena jumlah data yang harus diunduh lebih sedikit dan ringan.

Untuk mempercepat loading blog dengan lazy load, kalian harus menambah script lazy load dengan cara membuka Blogger -> Tema -> Edit HTML, lalu copy kode di bawah ini dan pastekan tepat diatas kode </body>.

<script type='text/javascript'>
//<![CDATA[
// Lazy Load
(function(a){a.fn.lazyload=function(b){var c={threshold:0,failurelimit:0,event:"scroll",effect:"show",container:window};if(b){a.extend(c,b)}var d=this;if("scroll"==c.event){a(c.container).bind("scroll",function(b){var e=0;d.each(function(){if(a.abovethetop(this,c)||a.leftofbegin(this,c)){}else if(!a.belowthefold(this,c)&&!a.rightoffold(this,c)){a(this).trigger("appear")}else{if(e++>c.failurelimit){return false}}});var f=a.grep(d,function(a){return!a.loaded});d=a(f)})}this.each(function(){var b=this;if(undefined==a(b).attr("original")){a(b).attr("original",a(b).attr("src"))}if("scroll"!=c.event||undefined==a(b).attr("src")||c.placeholder==a(b).attr("src")||a.abovethetop(b,c)||a.leftofbegin(b,c)||a.belowthefold(b,c)||a.rightoffold(b,c)){if(c.placeholder){a(b).attr("src",c.placeholder)}else{a(b).removeAttr("src")}b.loaded=false}else{b.loaded=true}a(b).one("appear",function(){if(!this.loaded){a("<img />").bind("load",function(){a(b).hide().attr("src",a(b).attr("original"))[c.effect](c.effectspeed);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/AVvXsEi8X4t7mCUUrAJKVJ9aFWOvj3DgCi67xEaH34qj4ankhSir2BwCJgWA9nYmTisnPGYr5eXeY3zpjLMDfMGAHT3TcLmEYNiRQx8gIQ-1ot0FsWVATnNFYxLMz67WctCtNl-MRdZOlkS6a41k/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>

Jika sudah kalian bisa klik Simpan.

Selain script untuk Lazy Load Image, ada juga script untuk Lazy Load Adsense, Oleh karena itu yuk baca artikel ini hingga selesai (ง •̀_•́)ง

2. Memilih Template Fast Loading

Template Responsive - Cara Mempercepat Loading Blog

Template Fast Loading

Biasanya blogger pemula selalu melakukan kesalahan yang umum, seperti terlalu sering menggonta-ganti template blog demi mencari tampilan yang lebih menarik, padahal sebagus apapun template blog kalau tidak responsive ya percuma saja.

Dengan memilih template yang fast loading sekaligus responsive, pengunjung akan semakin betah untuk stay di situs kalian.

Selain itu template yang responsive akan membuat blog kalian terlihat semakin wah dimata google.

Oleh karena itu jangan sembarangan dalam memilih template blog ya sob!

3. Optimasi Gambar

Optimasi Gambar

Yep, gambar pada blog kalian akan mempengaruhi kecepatan loading blog.

Seperti yang dikutip pada PageSpeed Insights, Menayangkan gambar yang berukuran sesuai akan menghemat kuota dan meningkatkan waktu pemuatan.

Selain itu, Format gambar seperti WebP biasanya memberikan kompresi yang lebih baik dari pada PNG atau JPEG, sehingga konsumsi data akan lebih kecil.

4. Hapus Widget yang tak Terpakai

Hapus Widget tak Terpakai

Sebenarnya tidak ada salahnya memasang banyak widget pada blog kalian, namun bila kalian ingin memberikan kenyamanan pengunjung saat mengunjungi situs kita, alangkah baiknya kalian menghapus widget yang tidak fungsional karena akan membebani loading blog kalian.

Selain widget, iklan yang terlalu banyak juga dapat mempengaruhi kecepatan loading blog kalian.

5. Memasang Lazy Load Adsense

Lazy Load Adsense

Lazy load lagi? bukannya tadi udah ya min? hmmm yang ini beda lagi kok, kalo yang ini untuk adsense, berbeda dengan yang tadi untuk membuat file-file gambar tidak langsung dimuat/dimunculkan ketika ada yang mengunjungi blog kita.

Dengan memasang script lazy load adsense, iklan yang terpasang di blog kita akan sedikit terhambat, dan akan muncul ketika pengunjung menggulir halaman. Cara kerja script ini tidak jauh berbeda dengan script lazy load image diatas ya sob.

Pertama-tama buka Blogger -> Tema -> Edit HTML, cari kode </body>.

Kemudian copy kode berikut dan pastekan di atas kode </body>.

<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>

Pastikan kalian hanya menggunakan satu JavaScript Adsense saja, Karena fitur lazy load adsense akan sangat membantu jika kalian hanya menggunakan satu JavaScript Adsense saja.

JavaScipt Adsense yang dimaksud adalah seperti yang dibawah ini:

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Jika sudah kalian bisa klik Simpan.

6. Batasi Jumlah Postingan di Halaman Utama

Sebaiknya Kalian tidak menampilkan semua postingan yang ada di halaman utama karena akan mempengaruhi loading website atau blog kalian. Biasanya secara default, blog akan menampilkan 7 postingan pada halaman utama blog kalian, Maka jika kalian ingin mempercepat loading blog, sebaiknya ubah menjadi 4-6 postingan saja yang ada di halaman utama atau homepage.

Semakin banyak postingan pada halaman utama, maka semakin banyak juga waktu yang diperlukan untuk memuatnya.

Terima kasih telah membaca artikel Cara Mempercepat Loading Blog, semoga tutorial yang mimin bagikan ini dapat membantu untuk mengatasi masalah kecepatan loading blog kalian. Jika ada pertanyaan terkait loading blog, silahkan komen di bawah ya.

Jangan lupa untuk cek artikel menarik lainnya hanya di rezapedia.com!

Isam

Blogger, History Major, Cool Guy