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.
Saatnya kita mempercepat loading blog, jangan biarkan blog sobat mendapat reputasi yang buruk, baik dari segi mesin pencari atau dimata para para pengunjung.
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 lambatKoneksi
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>
<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/AVvXsEg92boTvD9iKFmEUSpPOfeD-B7wOQgetL1kTUoXfSX7GUeI3QZHf4ZLk4ICpAXVze7Qlg_TYOYfXQ3v47Fel0qjxTAbkwB8QWk7fDBe7wly8FE4ZfTo1YqiuEhWnNp5DaZ49D4nI5woLLyE/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 HTMLLetakkan 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 » » »