Apa itu Minifikasi CSS dan Mengapa Setiap Situs Web Membutuhkannya?
Anatomi Stylesheet yang Ditulis Pengembang
Saat pengembang menulis CSS, mereka memformatnya agar mudah dibaca manusia. Ini berarti menambahkan spasi, baris baru, dan komentar. Namun, karakter ini menjadi byte yang terbuang saat dikirim ke browser. Browser tidak memerlukan spasi atau komentar untuk menerapkan gaya. Minifikasi CSS adalah proses otomatis untuk mengonversi versi ramah manusia menjadi versi optimal mesin.
Skala Penghematan: Angka Dunia Nyata
Pengurangan ukuran file melalui minifikasi CSS sering kali mengejutkan. Stylesheet 80–150 KB biasanya dapat dikompresi menjadi 45–90 KB—pengurangan 30% hingga 50%. Untuk situs dengan 100.000 pengunjung per hari, ini menghemat terabita bandwidth setiap tahunnya.
Apa yang Dihapus oleh Minifier: Rincian Teknis
- Penghapusan Spasi: Semua spasi, tab, dan baris baru yang tidak diperlukan dihapus.
- Pembersihan Komentar: Semua komentar
/* ... */dihapus sepenuhnya. - Titik Koma Redundan: Titik koma terakhir sebelum kurung kurawal tutup dihapus dengan aman.
- Normalisasi Nilai: Mengubah
#FFFFFFmenjadi#fff,0pxmenjadi0.