Selain jenis dan mutu artikel, Salah satu alasan mengapa trafik pengunjung blog bisa meningkat atau menurun yakni kecepatan
loading atau kecepatan memuat blog. Blog yang mempunyai kecepatan
loading diatas rata-rata akan mampu menarik pengunjung dan hal ini juga
ditegaskan oleh mesin pencari google bahwa "Website/Blog Harus Cepat".
Salah satu cara yang bisa dilakukan untuk mempercepat waktu load blog
adalah dengan mengkompress CSS atau mengurangi pemakaian javascript yang
tidak penting atau hosting Javascript di Google Code dan
sesuai dengan judul artikel kali ini, maka saya akan menjelaskan
bagaimana cara memperkecil ukuran CSS blog agar mampu mendongkrak
kecepatan waktu load pada saat pengunjung melakukan request.
Penting...!!!
Sebelum mengkompress CSS template blog, saya sarankan untuk membackup
full template, hal ini untuk menghindari kesalahan dalam melakukan
kompress CSS.
- Buka situs www.cssdrive.com atau www.csscompressor.com
- Copy kode CSS template anda dan pastekan di dalam form csscompressor. Ingat CSS yang harus dicopy dan dicompress yakni di antara tag <b:skin><![CDATA[ dan ]]></b:skin>. Lihat Contohnya :
<b:skin><![CDATA[
#header-wrapper{width:960px;margin:0 auto}
#header-inner{background-position:center;margin-left:auto;margin-right:auto}
#header{float:left;width:525px;text-align:left;color:#666;margin:0}
#header2{float:right;width:428px;margin-right:0px;text-align:left;color:#555}
]]></b:skin>
Keterangan : Warna biru adalah CSS yang akan dicompress.
- Jika kode CSS sudah dimasukkan, tekan "Compress-it!". Maka hasilnya akan seperti ini.
- Selanjutnya, ganti kode CSS template anda sebelumnya dengan kode CSS yang sudah di kompress tadi. Simpan dan lihat hasilnya...
Note :
Untuk mengkompres kode CSS, saya sarankan agar mengkompress kode CSS
per-bagian. Hal ini bertujuan untuk memudahkan anda dalam mengedit kode
CSS template.
Semoga Bermanfaat...!!!
Comments
Post a Comment
Syarat-syarat Berkomentar:
☻) Berkomentarlah Dengan Bahasa Yang Sopan;
☻) Berkomentarlah Dengan Bijak;
☻) Berkomentarlah Dengan Komentar Yang Berhubungan Dengan Postingan Ini;
☻) Dilarang Berkomentar Yang Berhunbungan Dengan PORNO/SARA
☻) Dilarang Berkomentar SPAM
NB: Jika sahabat melanggar syarat-syarat diatas maka Komentar sahabat akan dihapus.
Terima Kasih.