Cara Mempercepat Loading dengan manual

Monday, April 4, 2011

malam Sobat,,,,,kali ini gue akan berbagi sedikit tips mempercepat loding blog kita. mungkin sobat belum tau jika kode css kita terlalu banyak maka akan menyebabkan lola/loding lama,,terkadang kita hanya bisa menyalahkan jaringan atau koneksi yang lagi gangguan,,,,heemm padahal,,,lihat di html nya,,,,pasti banyak kode css,,,heeeee...gue punya tips ni,,untuk mengompress secara online,,,yaa sedikit mengurangi kode css kita biar lodingnya ga berat-berat amat,,,langsung aja dehh,,,,yoo

Berikut Langkah-langkahnya :

1. Silahkan kunjungi http://www.csscompressor.com
akan muncul tampilan seperti dibawah ini.

4. Pada Compression Mode pilih mode kompresi yang anda inginkan.
Ada yang Highest, Hight, Standart, atau Low.
2. Login ke blogger
3. masuk ke rancangan -> Edit html
5. Copy lalu paste kode CSS yang ingin anda kompres ke CSS input.
6. Kemudian klik tombol Compress

7. silahkan anda cari kode css yang hampir sama sintaknya
saya ambil css saya sebagai contoh :

a {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:visited {
color: #ffffff;
font-size: 12px;
text-decoration: none;
text-transform:title case;
padding: 0px 0px 0px 3px;
}

a:hover {
color: #ffffff;
text-decoration: none;
padding: 0px 0px 0px 3px;
}

dan hasilnya setelah dikompres :

a,a:visited{
color:#fff;font-size:12px;
text-decoration:none;
text-transform:title case;
padding:0 0 0 3px
}
a:hover{
color:#fff;
text-decoration:none;
padding:0 0 0 3px
}

Setelah kode CSS tersebut dikompres, terlihat ada pengurangan spasi di antara kode a,a:visited. Nah, berarti bisa diambil kesimpulan bahwa spasi juga berpengaruh terhadap kecepatan loading blog. Maka kode di atas masih dapat dikompres lagi loo,,,
menjadi seperti ini :

a:hover{color:#fff;text-decoration:none;padding:0 0 0 3px}
a,a:visited{color:#fff;font-size:12px;text-decoration:none;text-transform:title case;padding:0 0 0 3px}

Warning
1. Sebelum anda kompres,,sebaiknya anda download dulu template anda
    untuk menjaga hal yang tidak diinginkan.
2. setelah file css kopresan sudah anda dapat,,silahkan anda copi
    dan paste ditempat anda mengambil kod css tersebut,,dan klik pratijau,,
    jika tidak ada perubahan pada template anda itu berarti kompresan anda berhasil,
    dan bedakan kecepat lodingnya sebelum dikompres dan sesudah dikompres..

Selamat mencoba,,,,Jangan lupa komentarnya ya,,,,

5 comments:

Muhammad Fakhrial Zld said...: sangat bermanfaat sekali neh infonya sob... tapi apakah hanya di komputer kita atau laptop kita yg cepat kalau bukanya, dan apakah org lain juga sama saob??? tks infonya sob; April 4, 2011 at 9:20 PM
Unknown said...: salah satu optimasi blog, tp masih bnyk cara lg supaya ringan di akses, nice info ditunggu tutorial selanjutnya ..; April 4, 2011 at 9:25 PM
kang abeng said...: mksh sblmnya udh koment....jika sobat sudah mengompress file cssnya menjadi lebih sedikit,,,otomatis semua pc akan cepat jika membuka blog sobat,,,,jadi ga cmn kom atau lektop kita saja.....tapi semua orang yg buka blog sobat,,,,hee; April 4, 2011 at 9:26 PM
kang abeng said...: betul itu,,,,,,kalo Q si pake sofware gan,,,,,jadi blog Q wlpun bnyak animasi ga terlalu berat loadingnya,,,hee,,,mksh gan ya udah kasih masukan,,,hee; April 4, 2011 at 9:28 PM
My Website said...: MANtAp BAng . . .; April 12, 2011 at 5:33 AM