Pemampat CSS

Tentang Alat Ini

Jadi, Anda punya file CSS yang mulai terlihat seperti novel. Mungkin penuh dengan komentar, spasi tambahan, atau baris-baris yang lupa Anda hapus. CSS itu berfungsi—baik-baik saja—tapi ukurannya besar. Memperlambat halaman. Mengecewakan, 'kan?

Di sinilah alat minifikasi CSS hadir. Ini bukan sihir, tapi hampir. Anda menempelkan CSS Anda yang berantakan dan mudah dibaca manusia, lalu alat ini mengeluarkan versi yang ringkas dan dioptimalkan. Tidak ada yang tidak perlu. Hanya yang benar-benar dibutuhkan browser. Alat ini menghapus spasi kosong, menghilangkan komentar, mempersingkat kode warna, dan terkadang bahkan menggabungkan aturan. Semua tanpa merusak gaya tampilan Anda.

Saya telah menggunakan puluhan alat semacam ini selama bertahun-tahun. Kebanyakan cukup bagus. Beberapa terasa berat. Beberapa lainnya cukup ramping. Tapi semuanya melakukan pekerjaan dasar yang sama: membuat file CSS Anda lebih kecil. Dan ukuran yang lebih kecil biasanya berarti waktu muat yang lebih cepat. Yang, jujur saja, itulah yang kita semua inginkan.

Fitur Utama

• Menghapus spasi kosong dan baris baru yang tidak perlu—karena browser Anda tidak peduli dengan format penulisan Anda.
• Menghilangkan komentar. Ya, bahkan catatan yang Anda tinggalkan untuk diri sendiri pada tahun 2019.
• Memersingkat kode warna heksadesimal jika memungkinkan—#ffffff menjadi #fff, karena kenapa mengetik lebih dari yang diperlukan?
• Menggabungkan selektor dan properti yang duplikat jika aman dilakukan.
• Mempertahankan fungsionalitas. Tata letak Anda tidak akan rusak. (Kebanyakan waktu.)
• Bekerja instan. Tidak perlu pendaftaran, tidak perlu unduhan. Cukup tempel dan jalankan.
• Biasanya memiliki opsi “kembalikan” atau “percantik”, jika Anda perlu membaca hasil keluaran nanti.

FAQ

Apakah minifikasi akan merusak situs web saya?
Jarang terjadi. Kebanyakan alat minifikasi bekerja dengan hati-hati. Tapi jika CSS Anda mengandung trik aneh atau bergantung pada format tertentu (seperti aturan @import tertentu), hal-hal bisa menjadi tidak terduga. Selalu uji setelah minifikasi. Dan simpan cadangan. Sungguh.

Haruskah saya melakukan minifikasi selama pengembangan?
Tidak. Pertahankan file asli Anda tetap bersih dan mudah dibaca saat Anda sedang bekerja. Lakukan minifikasi hanya saat Anda siap untuk mendeploy. Gunakan peta sumber (source maps) jika Anda khawatir tentang proses debugging nanti.