Sekilas, spasi dalam markup HTML tampak tidak relevan — browser tetap akan merender semuanya dengan benar. Tapi ada beberapa titik dalam dokumen yang jadi pengecualian, di mana menghapus spasi benar-benar mengubah tampilan halaman.
Apa yang aman dihapus
Minifier menghapus komentar HTML <!-- ... -->, spasi dan baris baru berlebih di antara tag, tanda kutip di sekitar atribut yang nilainya tidak mengandung spasi, dan kadang tag penutup opsional seperti </li>.
Bug klasik: dua kata menyatu jadi satu
Satu spasi di antara dua elemen inline adalah spasi yang benar-benar terlihat di halaman, bukan sekadar format di kode sumber. <span>foo</span> <span>bar</span> dirender sebagai "foo bar" dengan jarak; jika spasi itu dihapus begitu saja, hasilnya diam-diam berubah jadi "foobar" tanpa jarak sama sekali. Minifier yang hati-hati hanya menghapus spasi yang tidak berpengaruh secara visual — misalnya di antara elemen block — dan membiarkan spasi di antara elemen inline apa adanya.
Minifikasi versus keterbacaan saat pengembangan
Selama pengembangan, HTML biasanya dibiarkan terformat dengan indentasi karena memudahkan melihat struktur di DevTools. Minifikasi hanya diterapkan pada build final sebelum publikasi, saat keterbacaan bagi manusia sudah tidak lagi diperlukan.
Untuk apa ini dibutuhkan
- Mengecilkan ukuran halaman HTML sebelum dipublikasikan ke produksi.
- Menghapus komentar developer dari markup versi final.
- Menghindari kesalahan dengan hanya menghapus spasi di tempat yang benar-benar aman.
Mengapa ukuran halaman tetap berarti di jaringan seluler
Di Indonesia, sebagian besar akses internet masih mengandalkan jaringan seluler, dan kondisi sinyal maupun paket data bervariasi jauh antara kota besar dan daerah lain. HTML biasanya bukan aset terberat di sebuah halaman dibanding gambar atau JavaScript, tapi setiap byte yang dihemat tetap ikut mempercepat waktu render pertama — dan untuk pengguna dengan koneksi yang lebih lambat atau kuota terbatas, penghematan sekecil apa pun tetap terasa bedanya.