Diberdayakan oleh Blogger.
Kamis, 27 Oktober 2011

Cara Mempercepat Proses Loading Blog

0 komentar
Sekarang saya akan memberi tahukan anda Wahai Sahabat Blogger cara membuat Blog anda tidak lama saat proses loading, so check it out!!

Sebenarnya banyak cara agar proses loading blog anda tidak lama, namun saya akan memberi tahukan 1 saja yang bisa dianggap mudah, yaitu melalui CSS compressor. CSS compressor ini sangat bermanfaat.  Jangan sampai blog anda lambat dalam proses loading.
Ada 2 cara untuk mengkompress CSS, cara manual dan otomatis
kita pelajari satu satu dulu.
1. Dengan Cara Manual
Ini adalah salah satu contoh CSS Code
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;
}

Setelah di amati, maka dari contoh css diatas ada dua bagian CSS yang sama. Bagian itu adalah properti CSS untuk fungsi a dan fungsi a:visited. Nah kedua properti tersebut dapat disederhanakan dengan menggabungkannya dengan memberi tanda koma(,). perhatikan kode warna dalam hexa color code #ffffff. ini bisa di sederhankan menjadi seperti ini #fff. sehingga secara keseluruhan kode CSS tersebut bisa menjadi seperti di bawah ini:


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 di kompres, terlihat ada pengurangan spasi di antara kode a,a:visited. berarti kesimpulannya bahwa spasi juga berpengaruh besar terhadap kecepatan loading blog. maka kode diatas masih dapat disederhanakan lagi menjadi


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}

2. Dengan Cara Otomatis
Caranya sangat mudah dan cepat, bagi anda yang pusing menyederhanakan CSS code. Perlu diketahui, download dulu template lengkap blog anda apabila ada kesalahan. Langkah-langkah untuk mengkompres CSS code secara otomatis adalah:
  • Kunjungi http://www.csscompressor.com/
  • Berikutnya pada compression mode pilih mode kompresi yang anda inginkan.
  • Kemudian copy lalu paste kode css yang anda kompres ke css input.
  • Kemudian klik Tombol Compress.
  • Di kolom bawah akan ada hasil kompresi. sekarang klik tombol select all kemudian copy paste ke tamplate anda pada CSS yang di kompres tadi.
  • Selesai...
Bagi Anda yang ingin belajar CSS code lebih lanjut, klik disini.
Selamat mencoba....

0 komentar:

Posting Komentar

Recent

 
FahranLog | © 2011 Design by DheTemplate.com and Theme 2 Blog

Find more free Blogger templates at DheTemplate.com - Daily Updates Free Blogger Templates