Kompresi Kode CSS
Salah satu alternatif lain yang dapat membuat proses memunculkan halaman blog menjadi lebih cepat, adalah dengan mengompres CSS script yang ada pada blog. CSS Script adalah script yang mengatur bagaimana tampilan yang ada pada tiap-tiap elemen/widget pada blog, sehingga widget dapat diatur bagaimana warna, ukuran, border, gambar background, dsb.
Kenapa bisa berpengaruh??? Ternyata bagian kosong dalam halaman blog dapat membuat ukuran blog menjadi lebih besar, dengan kata lain proses loading menjadi lebih lambat. Contohnya pada script berikut:
Yang dapat dikurangi ukurannya dengan meminimalisasikan script di atas seperti berikut:
Hal ini disebut juga dengan mengompres script. Kalau tidak percaya, coba saja copy dan paste kedua script di atas pada 2 file .txt yang berbeda menggunakan notepad, kemudian save. Hasil yang di dapat sudah pasti bahwa script ke-2 memiliki ukuran file yang lebih kecil.
Biasanya jumlah CSS script pada blog banyak jumlahnya, sehingga apabila semua script itu di kompres dapat mempercepat loading blog hampir 100% lebih cepat.
Nah...! Cara agar kita dapat mengompres kode CSS dengan instan adalah salah satunya dengan menggunakan layanan gratis yang disediakan oleh CSS Drive.
Cukup masuk pada situsnya, dan copy semua kode CSS dalam blog kita, kemudian di-paste pada kotak yang sudah disediakan, dan klik Compress it. Pada opsi pengaturannya juga menyediakan pilihan antara kompres dengan tingkat Light, Normal, dan Super Compact.
Kenapa bisa berpengaruh??? Ternyata bagian kosong dalam halaman blog dapat membuat ukuran blog menjadi lebih besar, dengan kata lain proses loading menjadi lebih lambat. Contohnya pada script berikut:
.widget-content-kotak {
border-top:0px solid #323c47;
border-bottom:1px solid #323c47;
border-left:1px solid #323c47;
border-right:1px solid #323c47;}
Yang dapat dikurangi ukurannya dengan meminimalisasikan script di atas seperti berikut:
.widget-content-kotak{border-top:0px solid #323c47; border-bottom:1px solid #323c47; border-left:1px solid #323c47; border-right:1px solid #323c47;}
Hal ini disebut juga dengan mengompres script. Kalau tidak percaya, coba saja copy dan paste kedua script di atas pada 2 file .txt yang berbeda menggunakan notepad, kemudian save. Hasil yang di dapat sudah pasti bahwa script ke-2 memiliki ukuran file yang lebih kecil.
Biasanya jumlah CSS script pada blog banyak jumlahnya, sehingga apabila semua script itu di kompres dapat mempercepat loading blog hampir 100% lebih cepat.
Nah...! Cara agar kita dapat mengompres kode CSS dengan instan adalah salah satunya dengan menggunakan layanan gratis yang disediakan oleh CSS Drive.Cukup masuk pada situsnya, dan copy semua kode CSS dalam blog kita, kemudian di-paste pada kotak yang sudah disediakan, dan klik Compress it. Pada opsi pengaturannya juga menyediakan pilihan antara kompres dengan tingkat Light, Normal, dan Super Compact.
Saya sarankan untuk menggunakan light atau normal, karena kalau menggunakan pilihan ke-3, kode akan dibuat terlalu rapat, bisa-bisa sobat blogger kebingungan kalau mau meng-edit kode CSS-nya.. ^^
KODE APA YANG HARUS DI KOMPRES??? Hehe.. jangan khawatir, kalau sobat bingung yang mana kode CSS, copy saja semua kode tepat sesudah kode <b:skin><![CDATA[ sampai dengan kode sebelum ]]></b:skin>. Masuk pada 'Edit HTML' pada 'Tata Letak' Blogger dan gunakan 'Ctrl+F' untuk mencari kode tersebut, kemudian tinggal di-cut, kemudian ganti dengan kode yang sudah di kompres.
Jangan lupa untuk 'Pratinjau' terlebih dahulu, sebab kadang mengompres dapat membuat script rusak, meskipun itu biasanya terjadi pada Javascript, tidak pada CSS..
Kalau semua sudah dilakukan, dijamin proses loading blog akan terasa meningkat secara drastis..
Untuk langsung mencoba silahkan ke TKP ----> Click Here<---- Selamat mencoba... ^^
0 komentar:
Posting Komentar