Cara Mempercepat Loading Blog Dengan Script

- Rabu, Juni 06, 2018
Kecepatan loading pada blog memiliki pengaruh yang besar terhadap pencarian pada search engine.

Cara Mempercepat Loading Blog Dengan Script

Sobat tahu nggak? Amazon bisa kehilangan $ 1.6 milyar tiap tahunnya jika situs mereka melambat dalam satu detik

Blog yang loadingnya lama akan ditinggalkan oleh pengunjung, berdasarkan penelitian pakar SEO 50℅ orang akan meninggalkan blog apabila dalam 10 detik blog tersebut lama saat loading.

Singkatnya website yang lambat dapat memberikan dampak negatif seperti berkurangnya pengunjung maupun SEO.

Gunakan tool ini untuk mengecek perfomance situs Pingdom, Google PageSpeed Insights, GTMetrix dan WebPageTest kemudian perbaiki yang di sarankan dari tool tersebut.

Apa Yang Membuat Blog Lambat?


1. Template

Template yang kita gunakan bisa jadi terlalu banyak script atau scriptnya tidak di compress, selain itu juga ada banyak gadget yang terpasang pada blog kita.

Tips : Cari atau buat template yang responsive, hindari mempercantik blog seperti : burung twitter terbang, animasi bergerak, atau salju turun pada blog dan srbagainya (saya dulu memang begitu, maklum newbie).

2. Gambar

Selain sebagai pelengkap pada postingan, gambar juga memiliki pengaruh terhadap blog yang lama loading.

Jadi, jangan terlalu banyak gambar pada postingan.

Kalau banyak silahkan di compress dan satu lagi gunakan extensi .PNG

Dan dibawah ini adalah Cara Mempercepat Loading Blog

Hapus Script Bawaan Dari Blogger


Karena script bawaan dari blogger menjadi salah satu faktor blog melambat

Kira-kira scriptnya seperti ini :

https://www.blogger.com/static/v1/widgets/124887373-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/449108565-widgets.jcss
https://apis.google.com/js/plusone.js
https://www.blogger.com/dyn-css/authorization.css?targetBlogID=663989tersebut.74394&zx=dcb98b04-c7d3-45fa-8010-504df7f23879
dyn-css/authorization.css

Untuk menghapusnya Ente Masuk ke Template => Edit HTML dan tekan C+F untuk mencari kode tersebut.

Jika kita takut untuk melakukan kesalahan dengan menghapus kode tersebut, sobat bisa menggunakan cara Alternative di bawah ini.

Cara Pertama cari kode <b:skin> dan ganti dengan kode ini
&lt;style type=&quot;text/css&quot;&gt; &lt;!-- /*<b:skin>

Cara Kedua cari tag penutup </head> dan ganti dengan kode dibawah ini
&lt;!--</head>--
&gt;&lt;/head&gt;

Cara Ketiga cari tag penutup </body> dan ganti dengan kode dibawah ini
&lt;!--</body>--
&gt;&lt;/body&gt;

Percepat Loading Blog Dengan Script LazyLoad


Selain cara di atas, ini adalah cara paling ampuh untuk meningkatkan kecepatan loading blog yaitu dengan menggunakan script lazyload.

Cara memasang scriptnya pun masih sama dengan script diatas yaitu Dashbord => Tema => Edit HTML

Cari tag penutup </head> dan taruh scriptnya tepat diatas tag penutup </head>

<script type='text/javascript'>//<![CDATA[
(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)&amp;&amp;!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("").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().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://i22.servimg.com/u/f22/15/42/72/40/grey10.gif",effect:"fadeIn",threshold:"-50"})})//]]></script>

Semoga berhasil !

    2 komentar

    Silahkan berkomentar Sesuai Dengan Topik Yang di Bahas!!!

    Saya akan senang sekali jika sobat membaca dulu Aturan Berkomentar di Brodanie sebelum sobat memposting komentarnya
    EmoticonEmoticon

     

    Start typing and press Enter to search