Mempercepat Loading Blog Dengan Css Compress

Seberapa berat sich blog kamu...? itu mungkin yang patut kita tanyakan pada blog kita. OK kali ini saya akan membantu mempercepat blog kamu supaya lebih cepat waktu loadingnya. mungkin kita akan mempercepat dengan mengotak atik yang namanya CSS.
CSS...? apa sich CSS itu?
CSS itu kependekan dari Cascading Style Sheet yaitu sebuah bahasa pemograman atau dokument yang digunakan untuk mendesain atau mengatur tampilan tata letak sebuah halaman web atau blog. Salah satu cara mengoptimalkannya adalah dengan mengompresnya agar ukurannya menjadi lebih kecil , sehingga tidak terlalu membebani loading blog, dengan demikian diharapkan loading blog menjadi lebih cepat lagi karena sizenya telah berkurang setelah di compress.

Langsung aja, berikut tahap-tahapnya:

1.Login ke Blogger lalu pilih Lay Out dan klik Edit HMTL

2.Jangan lupa backup template dulu dengan Download Full Template , siapa tahu nanti malah berantakan.

3.Cari kode CSS nya , biasanya terletak antara kode :<b:skin><![CDATA[/* dan ]]></b:skin>

4.Kalau CSS nya sudah ketemu tinggal di blok , lalu ambil atau Cut ( klik kanan Mouse anda lalu Cut ) dan simpan dulu di Notepad , akan lebih baik lagi bila notepadnya di save sebagai backup , siapa tahu nanti diperlukan lagi.

5.Jika sudah baru kita masuk ke CSSdrive.com untuk mengkompresnya, disitu akan ada kotak bertuliskan Insert CSS Code

6.Copy CSS yang tadi disimpan di Notepad tersebut kemudian pastekan ke kotak Insert CSS Code.

7.Nanti ada beberapa pilihan seperti di bawah ini : (Untuk pemula sebaiknya pilih Light dan Don strip any comments saja dulu , supaya masih tetap terbaca jika nanti kita mau utak-atik-utek CSS lagi).


Compression mode: (?)

Light
Normal
Super Compact

Comments handling: (?)
Don't strip any comments
Strip ALL comments
Strip comments at least chars long (NOT counting line breaks within comment)


8. Klik Compress it yang ada dibawah kotak tersebut
9. Tunggu sebentar sampai proses compress selesai , kalau dah selesai dibawahnya suka ada keterangan seperti ini :


Compression results

Original size: 14487 bytes

Compressed size: 12357 bytes

Savings: 2130 bytes (15%)


10. Copy hasil compress tersebut dan pastekan ke tempatnya semula yaitu antara : <b:skin><![CDATA[/* dan ]]></b:skin>
11. Jika semua sudah selesai jangan lupa Save Templates

donasiSilahkan kirimkan Donasi anda seikhlasnya berupa uang/pulsa (Klik Gambar kado disamping) untuk perkembangan blog ini dan Proses pembelajaran untuk sahabat.

Azis Lamayuda Penulis :  Azis Lamayuda | BLOG : Do The Best To Get The Best
Saya hanyalah seorang yang sedang belajar dan berbagi pelajaran dengan siapapun. Blog ini dibuat untuk memudahkan kalian yang sedang belajar sama seperti saya.

Jika Anda ingin artikel Mempercepat Loading Blog Dengan Css Compress dikirim ke email anda, Silahkan masukan alamat email anda untuk berlangganan.

JANGAN LUPA CEK EMAIL ANDA UNTUK VERIFIKASI BERLANGGANAN VIA EMAIL


7“ cariosan kanggo “Mempercepat Loading Blog Dengan Css Compress

:)) ;)) ;;) :D ;) :p :(( :) :( :-o :-/ :| 8-} :)] ~x( :-t b-( :-L x( =))

Click to Add a New Comment

19/5/10
Asia Bank

yes cepe bangaet bos trimakasih tipsnya

Thanks for your comment Asia Bank
31/5/10
Azis Lamayuda

sama2 bos... oia selain itu masih ada cara mempercepat alias compress css dengan external css, nanti saya post...

Thanks for your comment Azis Lamayuda
4/8/10
Kang Yahya

Blogwalking.
Salam kenal.

Nice tips.
Boleh dicoba.
Thanks

Thanks for your comment Kang Yahya
30/9/10
Teras Info

Terimakasih banyak Mas atas tipsnya...
saya coba dulu...

Thanks for your comment Teras Info
30/9/10
Azis Lamayuda

@4185237814444980471.0
# kang Yahya , # Teras Info : sama-sama kang, silahkan dicoba, saya juga sudah mencobanya dan hasilnya JEMPOL... terima kasih ya telah mampir

Thanks for your comment Azis Lamayuda
14/10/10
cerita lucu

makasih gan infonya sangat bermanfaat... saya coba praktekin dulu soalnya load blog saya kayak siput ...

Thanks for your comment cerita lucu
19/10/10
Azis Lamayuda

@5592212202934000721.0
Ok sama2 sob...

jangan lupa membuang widget yang kurang penting yang membuat loading kaya siput...

 
 
footerline
© Copyright 2010 Do The Best To Get The Best | powered by Blogger
online Google PageRank Checker Powered by  MyPagerank.Net