Lazada Malaysia

Friday, March 15, 2013

Home » » Tutorial : Melajukan Masa Blog Loading

Tutorial : Melajukan Masa Blog Loading

Assalamuaikum.

Seperti yang dijanjikan semalam, saya telah buat satu post di depan fb saya sendiri yang saya telah menjumpai satu tutorial yang sangat mudah dan berkesan yang saya sendiri telah lakukan di dalam blog saya. Wah korang mesti berkobar-kobar nak tau kan. Sabar dulu, sabar ye. Kita baca dulu di bawah ni, apa yang saya post di facebook semalam.


Terima kasih kepada kak Izan Hussain Mia & Sharina Elyana.
Jom lawat blog kak Izan di SINI & blog Sharina di SINI.


Sebelum saya ajar bagaimana nak lajukan loading blog ni, mari kita timbang ketiga-tiga blog terlebih dulu. Mari kita tengok blog mana paling berat. Kepada sesiapa yang tak tahu di mana mau timbang berat blog, klik SINI. Hasil dari timbangan adalah :


Tengok ni korang, kami punya blog tersangatlah berat. Entah apa yang ditanggungnya sampai blog dah sakit bahu. Masa untuk loading nak sampai seminit. Mula-mula, saya pun jadi risau sebab tidak keruan dibuatnya sebab kalau dibiarkan makin sarat blog ni. Tapi masalahnya disebabkan perasaan sayang nak buang macam-macam yang bertanak dalam blog, inilah jadinya. Sekarang tak perlu risau sebab saya ada cara yang paling mudah tanpa korang buang apa-apa yang korang sayang sangat tu. Jom ikut tutorial di bawah. Nanti kita tengok blog siapa paling laju.haha :D

1. Korang copy dulu kod di bawah ni. Copy tau, wajib!

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"><br /><script type="'text/javascript'" src="'https://sites.google.com/site/jquery01/jquery.lazyload.mini.js?ver="></script><script type="text/javascript"><br />jQuery(document).ready(function($){<br />if (navigator.platform == "iPad") return;<br />jQuery("img").lazyload({<br />effect:"fadeIn",<br />placeholder: "http://3.bp.blogspot.com/_LZtXSNcp76A/THkEtEOZfrI/AAAAAAAABRo/IARVMD_8TwA/s1600/grey.gif"<br />});<br />});</script>

2. Dashboard > Layout. Korang cari bahagian Blog Posts korang di mana dalam layout.


3. Kalau dah jumpa, klik Add a Gadget > HTML/JavaScript dan paste kod yang di copy tadi.


4. Jadi, kod tu berada di sini sekarang.


5. Tarik kotak kod tu untuk dibawa ke bawah kotak Blog Posts.


6. Save! Korang perlu timbang berat blog sekali lagi di SINIKorang dah bersedia nak tengok perubahannya? Jom kita timbang. Keputusannya ialah :


Nah, terus berkurang load time tu.haha yang pasti, saya punya blog paling ringan. Jangan jeles tau. Sebenarnya banyak lagi rahsia yang saya pernah buat dulu untuk melajukan masa blog loading, tapi tak ingatlah pulak. Ini saje cara yang saya ingat. Tapi korang juga boleh cuba kaedah di bawah ini untuk lajukan loading blog.

KAEDAH LAIN UNTUK LAJUKAN LOADING BLOG

  • Gunakan warna HTML
Pastikan anda menggunakan warna HTML untuk background blog. Jangan sesekali guna imej photoshop dan sebagainya untuk background blog kerana imej tersebut mengambil masa yang lama untuk loading berbanding warna HTML. Korang boleh ambil warna HTML di SINI.

  • Hosting image ke blogspot
Bila anda ingin letak gambar dalam entri, pastikan upload imej tersebut ke blogspot image. Jangan guna imageshack kerana permintaan URL agak perlahan untuk gambar yang dihostkan ke imageshack.

  • Kedudukan widget javascript
Jika anda ingin letak widget javascript seperti alexa widget, live feed traffic dan lain-lain. Pastikan anda meletakkan widget tersebut di bawah bahagian blog. Ini untuk memudahkan blog anda loading terlebih dahulu sebelum widget tersebut. Korang tahukan yang widget javascript ni lambat loading.

  • Halaman utama
Elakkan halaman utama blog yang panjang berjela-jela sehingga 10-20 entri pada halaman tersebut. Letak 3-4 entri pada halaman utama dah memadai.

  • Auto Play Music (lagu pada blog)
Lagu yang dipasang pada blog akan menyusahkan pengguna yang mempunyai kelajuan internet yang perlahan seperti broadband. Pada kelajuan internet yang slow, lagu tersebut tidak dapat buffer dengan cepat dan menyebabkan lagu tersekat-sekat.

  • Elak animasi flash pada blog
Jangan gunakan header atau animasi flash pada blog kerana ianya sangat berat. Semua orang inginkan animasi flash pada blog kerana ianya menarik tetapi penggunaan flash agak melembabkan blog.

Ini sajelah yang saya dapat ajarkan. Korang jangan lupa cuba ye... :)

25 sweet comments:

Cinta Misteri said...

wahhh...mesti try ni

Chic Na said...

wahhh terer la solehah. kena cuba ni. tq share tau. ;)

Cik Nur™ said...

nanti boleh cuba ni

Deqla manjew said...

owh tutorial ni...sis mmg dah masokkan lama dah... ingatkan smua dah tau... hihi...

BaNu Syah said...

dh try n brjaya hehe thanks solehah sbb share..

:: Mrs.Eady :: said...

good good :)

Husna Humairah said...

panjangnya entri ni. semput gak nak kasi faham. hoho

anys said...

wah cantiknya blog! pinky kaler lg. =)

Jom join giveaway!
http://myartcrafting.blogspot.com/2013/02/newbie-giveaway.html

kayyana said...

harus untuk mencuba ni

Shida Radzuan said...

kak shida pon dh pkai kod nih :)

Mrs Velentine said...

nak kena cek dah ada ke belum ni..tq solehah

Mohd Hakim said...

Tq for the info

Cinta hazanis said...

tq awak. tips sgt berguna. :)

Yumida Huda said...

nk kene cuba nih...thanks solehah

tag solehah:

http://umikasum.blogspot.com/2013/03/segmen-tambah-followers-laju-laju-part.html

http://umikasum.blogspot.com/2013/03/segmen-add-friend-by-hanis.html

Yumida Huda said...

solehah...dh buat..thanks..

yg widget html tu sy nyer x dpt tarik bwh post..tp yg tengah2...dh buat..nampak perubahan la...thanks...

izan mama mia said...

okey,..nak cuba buatlah..tq solehah

Arina Shamsul said...

wah tengkiu dik tengkiui like it..yeahhh!

AnieDaud said...

terima kasih memang berguna

AnieDaud said...

terima kasih

[PCL] said...

pcl g timbang dulu eh..tq to U n Yumida jgk.

Sukma Haron said...

salam perkenalan...leh try nie...

hainom OKje said...

tq share yeh!

Ieta Mat Saad said...

Terima kasih ^__^

Wafa Cw said...

wow.. very useful tip here... tqvm for sharing!!!

Roha said...

akak dah try timbang sebelum masukkan tuto ni..then timbang balik selepas masukkan tuto..akhirnya turun jugaklah sikit hehe..thanks solehah for this tips..