Kompres CSS Untuk Mempercepat Loading Blog
Sering kali saya pusing dengan beratnya blog saya karna pasti itu juga dapat mempengaruhi temen-temen blogger menjadi bosan dengan mengunjungi blog dan walaupun blog saya masih dikit berat seh tapi neh ada sedikit share tentang komres CCS blog kita agar mempercepat loading blog.
Untuk jaga-jaga selalu backUp dulu template sobat, agar bila nanti sobat mengalami masalah, bisa sobat upload kembali backup templatenya. Ok....
Berikut langkah-langkahnya:
• Seperti biasa, Login ke akun blogger sobat
• Masuk Rancangan/Layout
• Pilih Edit HTML
• Klik "Download Template Lengkap" (ini untuk memBackUp template sobat)
• Perhatikan Langkah-langkah berikut ini
Kompres kode CSS pada umumnya (standart)
Untuk pada cara pertama ini adalah cara yang umumnya sering kita/para blogger lakukan.
• Untuk melihat/membandingkan hasilnya, terlebih dahulu, untuk mengeceknya silahkan cek di Speed Test
• Kemudian blok dan POTONG semua kode CSS dari setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
• Bila sobat kurang jelas dengan penjelasan diatas perhatikan ini:
<b:skin><![CDATA[
ambil kode sesudah kode di atas dan sebelum kode di bawah]]></b:skin>
• Buka situs CSS compressor disini
• Setting pengaturannya seperti berikut:
Compression mode = pilih 'Normal'
Comment handling = pilih 'Don't strip any comments'
Pastekan kode CSS yang telah di potong tadi pada kotak kosong
Kemudian klik Compress-It
Selanjutnya copy hasil kompresan tadi dan tempatkan pada template kamu diantara kode
<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi]]></b:skin>
• Terakhir klik Simpan
Tugas sobat selanjutnya yaitu membandingkan berat blog sebelum dan setelah dikompres.
Selanjutnya pake cara yang ke dua tetapi hati-hati biasanya malah template kita ancur ebaiknya di petijau dulu sebelum di save.
Caranya perhatikan kembali langkah pada cara yang pertama, yaitu:
• Blok dan POTONG semua kode CSS dari setelah kode setelah kode <b:skin><![CDATA[ sampai pada kode sebelum ]]></b:skin>
• Buka situs CSS compressor disini
• Settingnganya rubah seperti berikut:
Compression mode = pilih 'Super Compact'
Comment handling = pilih 'Strip all any comments'
• Kemudian tempatkan hasil kompresannya diantara kode
<b:skin><![CDATA[
Pastekan disini kode CSS yang telah di kompres tadi]]></b:skin>
• kemudian potong kembali pada kode diantara kode
<body>
Copy dari kode di atas dan sebelum koe di bawah</body>
Catatn : Cara ini juga kadang membuat rumit karna biasanya yang menaruh iklan di atas postingn biasanya akan hilang dan biasanya menu navigasi ancur klo yang ini terserah sobat mau di pake atau tidak
• Selanjutnya buka halaman berikut dan kompres kode tersebut disini HTML Optimizer
• Copy dan pastekan kode hasil kompresan tadi diantara kode <body> dan </body>
Source: cyber-benyo.blogspot.com
