cara compress blog yang benar

Cari (Ctrl+F) kode : 
Perhatikan di bawah kode tersebut, jika css blog anda tidak mengandung "tag variable definitions" seperti di bawah ini :

-----------------------------------------------

Blogger Template Style

Name     :  Panduan-Info

Designer :  Justin Bieber

URL        :  http://panduan-info.blogspot.com

----------------------------------------------- */

/* Use this with templates.html */
body#layout #subscription,body#layout #topsearch,body#layout #footer,body#layout #footer2 {display:none;}*{margin:0;padding:0}#
/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6 bla-bla-bla

maka AMBIL semua kode CSS dari setelah kode sampai pada kode sebelum ]]>

CONTOH :

| AMBIL DARI SINI
.....................
SAMPAI DISINI | ]]>

Namun jika tepat di bawah kode  terdapat "tag variable definitions" seperti di bawah ini : 

-----------------------------------------------
Blogger Template Style
Name     :  Panduan-Info
Designer :  Justin Bieber
URL        :  http://panduan-info.blogspot.com
----------------------------------------------- */

/* Variable definitions 
 ====================

bla bla bla bla...

PERHATIKAN tag Variable definitions tersebut dan JANGAN DI IKUT SERTAKAN UNTUK DI KOMPRES !! Jika dilihat dengan seksama maka "anak dari tag Variable Definitions" memiliki bentuk penulisan kode seperti ini :  dst.. . Nah perhatikan saja kode-kode dengan penamaan seperti itu untuk diabaikan lalu ambil kode tepat di bawah setelah tag variable definitions tersebut berakhir.


CONTOH :

-----------------------------------------------
Blogger Template Style
Name     :  Panduan-Info
Designer :  Justin Bieber
URL        :  http://panduan-info.blogspot.com
----------------------------------------------- */

/* Variable definitions 
 ====================
bla-bla-bla..
<Variable name="endSide" description="Side where text ends in blog language" type="automatic" default="right" value="right"/>

*/

| AMBIL DARI SINI

/* Content

----------------------------------------------- */

body {

  font: $(body.font);

  color: $(body.text.color);

SAMPAI DISINI | ]]>

8. Buka dan kompres kode-kode tersebut di situs  : [CSS compressor]

9. Ganti settingan compress css menjadi seperti ini :

• Compression mode = pilih 'Super Compact'
• Comments handling = pilih 'Strip ALL comments'
  Kemudian klik "Compress-it!

10. Kemudian tempatkan hasil kompresannya di tempat semula kode itu berasal.

CONTOH :

..................... SAMPAI DISINI |
]]>

11. Masih belum selesai, sekarang cari kode atau

kemudian AMBIL semua kode setelah atau hingga sebelum

CONTOH :

|AMBIL DARI SINI
..................... SAMPAI DISINI |

12. Selanjutnya buka dan kompres kode-kode tersebut di : [HTML Optimizer]

13. Copy paste-kan kode hasil kompresan tersebut ditempat semula yaitu diantara setelah kode hingga sebelum kode

CONTOH :

|TARUH DISINI ..................... SAMPAI DISINI |

14. Klik >> Simpan

15. Ukur kembali berat loading blog anda, cara menimbang berat loading template anda masih sama seperti cara di atas, buka saja salah satu website pengukur loading blog berikut ini :

• http://www.iwebtool.com/speed_test
• http://www.numion.com/Stopwatch/

cara compress blog yang benar

Posted by: Risalahati Dedic Ahmad Updated at: 22:25