Mempercepat Loading Blog dengan Compress CSS

Tweet

Pernah suatu ketika saat berkunjung ke blog Kang Rohman dan seperti biasanya, disana saya chating bersama temen-teman blogger yang dari luar kota (maklum, dikotaku - Situbondo jarang sekali yang minat geblog) serta ada yang bilang kalo loading blog Kang Fathur ini agak sedikit berat.

Saya akui dan sadar kalau template yang saya gunakan mengantung banyak kode CSS yang sangat berpengaruh pada loading blog.

Berbagai macam cara saya lakukan untuk meringankan loading blog, mulai dari ujung barat sampai ujung timur saya lakukan tips-tips mempercepat loading blog.

Alhasil, saya menemukan sebuah web penyedia compress CSS yang optimal. Contoh pada blog Kang Fathur sebelum di kompres, seluruh css sebesar 23 ribu kb lebih, setelah dikompres tinggal kurang dari 20 ribu kb. Kompress css berarti dipadatkan, sehingga berpengaruh ke loading yang lebih ringan dan cepat. Caranya sangat mudah sekali.

1. Cari Kode CSS pada Template

• Login Blogger anda;
• Klik tab Edit HTML;
• Backup dulu template anda dengan meng-klik Download Template Lengkap
• Cari senua kode CSS, biasanya kodenya terletak antara <b:skin><![CDATA[/* sampai sebelum kode ]]></b:skin>
• Hightlight kode CSS anda dan Copy;

2. Start Compress CSS

• Buka website penyedia compres CSS di http://cssdrive.com/index.php/main/csscompressor
• Atur Setting sebagai berikut :

1. Compression mode = pilih 'Super Compact'
2. Comments handling = pilih 'Strip ALL comments'

• Paste semua kode CSS yang sudah dicopy;
• Klik Compress-it
• Pilih Hightlight Code dan Copy
• Pastekan pada template anda dimana anda tadi mengambil kode CSS, yakni antara <b:skin><![CDATA[/* sampai sebelum kode ]]></b:skin>
• Simpan Template dan lihat hasilnya.

Selesai sudah pekerjaan mengkompress kode CSS, dan buktikan anda bisa membuat anda nyaman blogging. Semoga berhasil...!!!

Masih berat ya blog Kang Fathur? ya maklum karena kode JavaScript-nya numpuk kayak sampah dalam tong... Tapi mendingan khan?

Jika Anda menikmati posting ini dan ingin dihubungi setiap kali posting baru diterbitkan, maka pastikan Anda subscribe to our regular Email Updates!

Please...!!! Bookmark artikel ini melalui layanan Bookmarking favorit Anda: