Wednesday 8 June 2011

Tips Ringankan Blog Anda...

Di bawah adalah faktor-faktor yang menyebabkan sesebuah blog itu lambat untuk melalui proses 'loading page'. Kebiasaannya, punca utama adalah kerana blog tersebut dibina menggunakan banyak image.

Paparan image pada post yang saiz 'file'nya terlalu besar. Penggunaan banyak widget javascript juga menjadi salah satu punca utama mengapa blog menjadi berat.

1. Widget berbentuk flash (.swf): contohnya widget seperti jam, visitor counter, gambar slide, games, iklan dan sebagainya.

2. File Javascript (.js); contohnya marquee text, photo slider dan jquery .

3. File Image bersize besar (.jpg, png, gif dan sebagainya); Contohnya seperti gambar atau ikon yang boleh bergerak, Lebih-lebih lagi image berformat .gif (animation) yang bersaiz besar.

4.Terlalu banyak post di muka depan(front page). Tekan Ctrl + - pada keyboard sebanyak empat kali. Anda boleh lihat sama ada blog sukar untuk di scroll atau pun mudah. Kemudian, bandingkan dengan blog lain.

5.File audio atau video yang di mainkan secara auto.

Kini anda tidak perlu risau lagi, dengan hanya memasang Jquery Lazy Load, blog anda akan jadi lebih ringan. Saya akan menunjukkan cara-cara untuk memasangkan Jquery Lazy Load di blog.

Step :
1. Design > Add a Gadget > HTML/JavaScript
2. Copy kod di bawah kemudian past pada content JavaScript

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'></script>
<script type='text/javascript' src='https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver=1.5.0'></script>
<script type="text/javascript">
jQuery(document).ready(function($){
if (navigator.platform == "iPad") return;
jQuery("img").lazyload({
effect:"fadeIn",
placeholder: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjlGzPkOkyuW6jb7TbOSVeRiOGM1mNrUc7LW-tHG3xsCZpxLJdXa0RP2yYbUI8y3ijTOhXkYaYKNW5CEyJ2WvS0tTbhyNZMqBLTgmQW0vfsnyYyReJKTH_tl9cIJ_qpvmwUUaymLBprQhQ/s1600/grey.gif"
});
});
</script>
3. Preview dulu then save.

Selamat Mencuba!!!!

No comments:

Post a Comment