Salah satu tool kompresi CSS yang dapat di gunakan adalah CSS Drive - CSS Compressor. Layanan kompresi CSS gratis ini menyediakan 3 jenis pilihan kompresi yakni Light, Normal dan Compact. Cara kerja tool ini adalah dengan menghilangkan spasi dan komentar yang tidak perlu sehingga ketika sobat melihat susunan penulisan pada HTML terlihat begitu merapat.
Bagi blogger pemula (seperti saya
), yang hendak memakai tool ini, sangat di sarankan memilih mode Light dan Don't strip any comments. Sedangkan bagi yang sudah memahami CSS dapat memilih Advanced mode.
), yang hendak memakai tool ini, sangat di sarankan memilih mode Light dan Don't strip any comments. Sedangkan bagi yang sudah memahami CSS dapat memilih Advanced mode. Memasang CSS Compressor di Blogspot
WARNING !!! : Untuk memasang CSS Compressor di Blogspot. Sebaiknya back up dahulu blog sobat pada halaman Edit HTML-nya.
Pada halaman Edit HTML carilah kode <b:skin><![CDATA[ dan kode ]]></b:skin> biasanya kode CSS terletak di antara kode tersebut.
Selanjutnya copy-paste kode CSS blog sobat (yang terletak di antara kode tersebut) di CSS Drive - CSS Compressor.
Jika sudah, maka hasilnya kita copy-paste kembali untuk menggantikan kode CSS blog sobat.
Selanjutnya copy-paste kode CSS blog sobat (yang terletak di antara kode tersebut) di CSS Drive - CSS Compressor.
Jika sudah, maka hasilnya kita copy-paste kembali untuk menggantikan kode CSS blog sobat.
Jika sobat sudah terlanjur mengkompress dan ingin mengembalikan data HTML tadi, gunakan tool CSS Optimizer.
Sekarang marilah kita melihat kecepatan loading page blog kita dengan menggunakan tool dari iwebtool atau di SiteSpeed Stopwatch. Bandingkanlah kecepatan loading blog sobat sebelum dan sesudah menggunakan CSS compressor.
Dari beberapa informasi yang saya dapat, size blog yang ideal dari sebuah blog sehingga menghasilkan proses loading yang cepat adalah di bawah 100,00 KB. Semoga bermanfaat !
Post a Comment
Post a Comment