Latest News

Sunday, November 13, 2011

Trik Jitu Mempercepat Loading Blog dengan Compres CSS

Trik jitu mempercepat loading blog dengan compres css. Dalam anjangsana beberapa waktu yang lalu, saya terinspirasi oleh blog sobat Er'end yang cepat loadingnya, rahasianya ternyata compres css. Saya coba korek lebih banyak dengan sowan eyang Google. Setelah yakin blog inipun saya kompres, tapi bukan di keningnya he he ...
Mengapa blog perlu dikompres? ya ternyata bukan hanya orang yang perlu dikompres ketika demam. Kompres terhadap blog, tepatnya kompres css blog bertujuan untuk meringankan dan mempercepat loading blog, sehingga ketika ada pengunjung membuka blog tidak perlu menungu terlalu lama. Karena jika terlalu lama belum terbuka biasanya calon pengunjung keburu hengkang. Dengan kompres css, ukuran file css bisa diperkecil 80% dari aslinya tanpa mengurangi kualitas tampilan blog. Contoh pada blog ini sebelum kompres, seluruh css sebesar 17 ribu kb lebih, setelah dikompres tinggal kurang dari 3,5 ribu kb. Kompress css berarti dipadatkan, sehingga berpengaruh ke loading yang lebih ringan dan cepat.
Keungulan lain dari kompress css blog, anda tidak perlu mengurangi gadget yang membuat ramai dan cantik tampilan blog anda.

Cara untuk kompress css blog
1. Login ke blogger
2. Masuklah ke Edit html
3. Backup dulu blog anda dengan klik download template lengkap jika merasa perlu copy dulu css blog anda yang akan dikompres dan pastekan di notepad,untuk berjaga-jaga.
4. Ambil/potong semua kode CSS blog anda, yaitu semua kode yang terdapat antara kode <b:skin><![CDATA[/* sampai pada kode sebelum ]]></b:skin>
5. Buka website comprressor --> http://cssdrive.com/index.php/main/csscompressor 
6. Pastekan kode css blog anda di kotak besar yang tersedia
Anda setting :
Compression mode = pilih 'Super Compact'
Comments handling = pilih 'Strip ALL comments'
7. Klik compress-it
8. Kopi kode css yang sudah dikompress, lalu pastekan di tempat asal anda ambil tadi yaitu antara kode <b:skin><![CDATA[/* sampai pada kode sebelum ]]></b:skin>
9. Klik save atau simpan.
Nah sekarang coba  buka blog Anda, rasakan bedanya... beda  kan rasanya.
 

No comments:

Post a Comment

Tags

Recent Post