Advertisement

Cara lajukan Loading Blogspot


Assalamualaikum dan Salam Mesra | Kelajuan loading sebuah blog memainkan peranan penting kepada pembaca - pembaca kerana perkara tersebut meningkatkan traffic blog , menambahkan pembaca blog mungkin juga menambahkan minat pembaca sering berkunjung ke weblog . Loading yang lambat / berat sebenarnya bergantung kepada beberapa faktor yang menyebadkan hal - hal sedemikian berlaku dan yang paling utama adalah pengunaan format gambar yang tidak di compress sebelum diguna pakai .

Semakin laju website atau weblog lagi cepat blog itu terindex di carian Google dan Potensi untuk disenaraikan lebih tinggi di mata enjin carian juga lebih tinggi berbanding blog yang lambat loading .Penggunaan widget yang biasanya dipasang di sidebar blog atau website ternyata juga berpengaruh terhadap loading halaman web atau blog ,menambahkan widget atau juga menambahkan script atau code JAVA SCRIPT ke dalam widget HTML ,ditambah lagi jika widget tersebut memerlukan loading file dengan ukuran besar, akan makin membuat loading web menjadi lambat atau perlahan . Untuk itu gunakan sahaja widget yang dirasa perlu dan berkaitan dengan material website atau blog sahaja .

Justeru itu kami syorkan kurangkan penggunaan widget ,letakkan iklan yang difikirkan perlu sahaja ,kurangkan penggunaan gambar jika difikirkan perlu seeloknya compress terlebih dahulu sebelum diguna pakai dan juga pilih template blog yang sudah diterapkan SEO atau yang di compress .Proses loading code /scripts HTML sangat bergantung pada ukuran file , untuk itu usahakan ukuran file seminima yang mungkin , berikut seperti mana yang tertera di bawah tutorial / panduan ringkas untuk lajukan loading blogspot yang masih lagi boleh di guna pakai / releven .

1 - Login Dashboard Blogger

2 - Click template serta pilih edit HTML

3 - Cari code </head>

4 - Copy/paste code di bawah ini tepat ke atas code </head>  tadi


<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)&&!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({effect:"fadeIn",threshold:"-50"})})//]]></script>

4 - Preview dulu jika tiada error,save template

5 - Kemudian cari code  </head>

Gantikan kepada code  &lt;/head&gt;&lt;!--<head/>--&gt;

6 - Langkah yang seterusnya cari code <head>

Kemudian gantikan kepada code  &lt;head&gt;

7 - Akhir sekali cari code  </body>

Kemudian gantikan kepada code  &lt;!--</body>--&gt;&lt;/body&gt;

8 - Langkah yang terakhir click PREVIEW dahulu jika tiada error save template dan selesai


Untuk tujuan mengukur page loading speed bagi blog sebelum dan selepas diterapkan scripts di atas , berikut website speed test yang biasa dan sangat popular digunakan oleh blogger .

Hanya perlu masukkan alamat URL website anda dan click button ANALYSE Atau START TEST . Skor weblog anda boleh dilihat pada dua tab sama ada melalui Tab Desktop Atau Mobile dan ianya masih boleh diguna secara percuma .

Start Test
Click to test
Pagespeed tool


Untuk itu cubalah lihat hasil di blogspot anda dan bandingkan page loading di blog anda dengan sebelum ini ,jika selepas diterapkan code / scripts di atas ,result seakan bertambak baik maka elok dikekalkan dan sebaliknya jika masih di level sama . Sekian dulu tutorial ringkas untuk blogger iaitu cara - cara lajukan loading blogspot .Selamat mencuba :)

Post a Comment

2 Comments

  1. dah paste kat kod tapi keluar link entri ni je. kenap ye?

    ReplyDelete
    Replies
    1. cuba copy paste semula ,kali ni pasti tiada hidden link ni lagi.

      Delete