Cara Mengatasi Loading Blog Yang Lambat ( Update )

CANDIL KFB - Mempunyai blog atau situs yang lamban memang menjadi momok bagi para blogger, terutama seorang publisher yang akan membuat trafik blog menjadi menurun. Dan juga bisa membuat pengunjung sobat menjadi frustrasi.

Kecepatan waktu loading pada blog juga menjadi salah satu fitur SEO untuk menentukan ranking, itulah mengapa menjadi sangat penting bagi kita untuk mengurangi loading di blog.

Cara Mengatasi Loading Blog Yang Lambat


Saatnya kita mempercepat loading blog, jangan biarkan blog sobat mendapat reputasi yang buruk, baik dari segi mesin pencari atau dimata para para pengunjung.
Banyak sekali cara yang bisa kita lakukan untuk mempercepat loading pada blog.

Melalui postingan ini Saya akan berbagi kepada sobat Cara efektif mengatasi loading blog yang lambat namun sebelum itu Saya akan membahas masalah yang membuat loading blog menjadi lambat.

1. Penyebab loading blog melambat

Ada beberapa macam penyebab yang membuat blog menjadi lambat

Koneksi

Koneksi internet menjadi salah satu hal utama yang menyebabkan loading blog menjadi lambat, jika koneksi visitor sedang tidak stabil maka kecepatan loadingpun juga menjadi tidak stabil.

Perangkat dan Browser

Jika pada aplikasi browser sobat membuka banyak tab dan terlalu banyak menyimpan cache dan cookie maka kecepatan loading blog tersebut menjadi berat, seperti halnya ketika kita terlalu banyak membuka aplilasi yang banyak berjalan dilatar belakang. Itupun juga bisa mempengaruhi waktu loading sebuah blog atau website.

Terlalu banyak menggunakan JavaScript dan CSS

Menggunakan banyak JavaScript dan CSS eksternal merupakan suatu hal yang wajar digunakan  oleh para designer template, namun itu tadi jika terlalu berlebihan akan sangat berpengaruh terhadap kecepatan blog itu sendiri.

Iklan

Terlalu banyak memasang iklan juga dapat mempengaruhi loading blog, terutama para publisher.

2. Cara mempercepat loading blog

Tips yang akan saya bagikan ini mungkin bisa membantu sobat mengatasi masalah loading blog yang lambat.

Gunakan template fast load

Pilihlah template yang mempunyai loading cepat, pintar-pintarlah memilih template untuk blog. Biasanya template blog fast loading akan mengorbankan disain dari blog tersebut, dan sebaliknya template yang bagus akan mengorbankan kecepatan blog, semua tergantung dari sobat.

Widget

Jangan terlalu banyak menggunakan widget (berlebihan) seperti, jumlah tayangan halaman dan fanspage. Memasang widget Popular Post, Labels, menurut Saya itu lebih dari cukup.

Gambar

Jangan terlalu banyak menggunkan gambar pada postingan, dan pastikan sebelum mengunggah gambar kompres terlebih dahulu, Saya biasa mengompres gambar disini https://compressjpeg.com .

Memasang additional script

Cara ini diterapkan untuk membuat loading blog menjadi cepat adalah dengan memasang script tambahan kedalam template.

3. Memasang script DNS Prefetch untuk mempercepat loading blog

  • Buka > Blogger > Tema > Edit HTML
  • Cari kode 
    <head>
<link href='//1.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//28.2bp.blogspot.com' rel='dns-prefetch'/>
<link href='//3.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//4.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//2.bp.blogspot.com' rel='dns-prefetch'/>
<link href='//www.blogger.com' rel='dns-prefetch'/>
<link href='//maxcdn.bootstrapcdn.com' rel='dns-prefetch'/>
<link href='//fonts.googleapis.com' rel='dns-prefetch'/>
<link href='//use.fontawesome.com' rel='dns-prefetch'/>
<link href='//ajax.googleapis.com' rel='dns-prefetch'/>
<link href='//resources.blogblog.com' rel='dns-prefetch'/>
<link href='//www.facebook.com' rel='dns-prefetch'/>
<link href='//plus.google.com' rel='dns-prefetch'/>
<link href='//twitter.com' rel='dns-prefetch'/>
<link href='//www.youtube.com' rel='dns-prefetch'/>
<link href='//feedburner.google.com' rel='dns-prefetch'/>
<link href='//www.pinterest.com' rel='dns-prefetch'/>
<link href='//www.linkedin.com' rel='dns-prefetch'/>
<link href='//feeds.feedburner.com' rel='dns-prefetch'/>
<link href='//github.com' rel='dns-prefetch'/>
<link href='//player.vimeo.com' rel='dns-prefetch'/>
<link href='//platform.twitter.com' rel='dns-prefetch'/>
<link href='//apis.google.com' rel='dns-prefetch'/>
<link href='//connect.facebook.net' rel='dns-prefetch'/>
<link href='//cdnjs.cloudflare.com' rel='dns-prefetch'/>
<link href='//www.google-analytics.com' rel='dns-prefetch'/>
<link href='//pagead2.googlesyndication.com' rel='dns-prefetch'/>
<link href='//googleads.g.doubleclick.net' rel='dns-prefetch'/>
<link href='//www.gstatic.com' rel='preconnect'/>
<link href='//www.googletagservices.com' rel='dns-prefetch'/>
<link href='//static.xx.fbcdn.net' rel='dns-prefetch'/>
<link href='//tpc.googlesyndication.com' rel='dns-prefetch'/>
<link href='//syndication.twitter.com' rel='dns-prefetch'/>


  • Simpan template.


4. Mempercepat blog dengan memasang script Lazy Load


  • Buka > Blogger > Tema > Edit HTML
  • Cari kode
    <head>
dan letakkan kode dibawah ini tepat diatasnya.

<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:"http://1.bp.blogspot.com/-Qg5bi1ZtDdM/VZ5nHAyYBqI/AAAAAAAAChE/exGnasO4oyk/s640/arlinadesign.gif",effect:"fadeIn",threshold:"-50"})});
//]]>
</script>
Simpan template.

5. Menjadikan blog fast loading dengan memasang script HTTP Expires  Header 

Buka Blogger > Tema > Edit HTML
Letakkan kode dibawah ini dibawah kode <head>




<include expiration='7d' path='*.css'/>
<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'/>
<meta http-equiv="expires" content="sat, 02 jun 2020 00:00:00 GMT"/>


Simpan template.

Sekian cara mengatasi Loading Blog Yang Lambat , semoga bermanfaat , Terima Kasih .
Sumber Inspirasi » » »
mhazfian.blogspot.com
Baca juga :