Cara Sangat Ampuh Mempercepat Loading Website klean

Cara Sangat Ampuh Mempercepat Loading Website klean

Gambar ini adalah Hasil Cek Kecepatan Melalu web www.gmetrix.com

Kecepatan Loading Website merupakan kunci Banyaknya Pengunjung atau trafik ke website anda. Juga sangat besar pengaruhnya terhadap pengindeksan halaman anda oleh google search engine. Karena google search engine pertama kali akan meng-index artikel dari web yang loadingnya tercepat, selain dari konten anda yang berkwalitas.

Langsung saja mulai...

Pertama anda buka halaman index web anda secara umum cari kode </head> kalau di blogger masuk ke thema - edit html

Copy Paste di atas kode berikut di atas kode </head>

<include expiration='365d' path='*.css'/>

<include expiration='365d' path='*.js'/>

<include expiration='7d' path='*.gif'/>

<include expiration='7d' path='*.jpeg'/>

<include expiration='7d' path='*.jpg'/>

<include expiration='7d' path='*.png'/>

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

<link href='//fonts.googleapis.com' rel='dns-prefetch'/>

Lalu Kalian Cari Kode <body>

Lalu Copy Paste Kode Berikut 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:"",effect:"fadeIn",threshold:"-50"})});

//]]>

</script>

Setelah Selesai Simpan. Dan Coba akses web anda.

Pasti bertambah cepat loading nya beda dengan loading sebelumnya.

Selamat mencoba, jika ada pertanyaan tinggalkan komentar di kolom komentar.

Komentar