Penyusut HTML

Perkecil HTML dengan hati-hati: buang komentar dan spasi berlebih, hapus atribut type bawaan dan tanda kutip aman; isi script, style, dan pre tetap utuh.

Minifikasi berjalan lokal di browser Anda. HTML Anda tidak pernah meninggalkan perangkat.

Spasi kosong
—

Cara kerja

Halaman dipindai sekali, memisahkan wilayah mentah (blok script, style, textarea, dan pre lewat byte per byte) dari markup biasa. Di markup, komentar dibuang kecuali yang bersyarat, spasi dirapatkan, dan — jika diaktifkan — tanda kutip atribut yang aman dilepas serta atribut type bawaan yang berlebihan hilang. Transformasi di bawah adalah daftar lengkapnya; tidak ada yang lain.

Aman di sini, aman di sana, dan mengapa garisnya di situ
Merapatkan spasi antar tag: aman, kecuali di sekitar pre/textarea/script yang merupakan konten, dilindungi oleh passe wilayah mentah. Menghapus komentar: aman, selain komentar bersyarat yang dieksekusi IE lama. Melepas kutip pada nilai sederhana seperti class="box": aman menurut aturan HTML5. Ketiganya jalan di sini. Menghapus tag penutup opsional (</p>, </li>) dengan sengaja TIDAK ditawarkan: browser menyimpulkan ulang struktur dari konteks, dan satu salah susun bisa membalik tata letak demi beberapa byte.
Konservatif karena desainnya — dan apa yang dilewati
Ini pemercik markup, bukan jalur build. Tidak meminifikasi JavaScript atau CSS (inline maupun eksternal), tidak memperpendek nama kelas, tidak menyentuh URL, dan tidak meng-inline atau deduplikasi apa pun. Paket npm html-minifier-terser melangkah lebih jauh dengan menyertakan peminifik JS/CSS sungguhan; jika outputnya belum Anda butuhkan, halaman Code Minifier kami mengerjakan JS dan CSS secara tersendiri.
Pratinjau sebelum rilis
Spasi di antara elemen inline-block bermakna secara visual, jadi mode Agresif dapat menutup celah kecil saat render — karena itu mode Aman (rapatkan ke satu spasi) adalah bawaan dan baris statistik menunjukkan persis berapa byte dihemat tiap mode. Jika agresif hanya menang beberapa ratus byte atas aman, tetaplah di aman.

Pertanyaan yang sering diajukan

Apakah JavaScript di dalam tag script saya juga diminifikasi?

Tidak. Isi script dan style lewat utuh byte per byte. Minifikasi JS yang sesungguhnya berarti mem-parse bahasa dan mengganti nama variabel, yang bisa mengubah perilaku program jika salah — itu pekerjaan berbeda dengan perkakas berbeda. Di situs ini, alat saudaranya Code Minifier melakukan tepat itu di halaman tersendiri.

Bagaimana dengan atribut style inline dan blok style?

Juga tidak disentuh. Menyusun ulang CSS (menggabungkan aturan, memperpendek warna) dapat mengubah urutan cascade pada kasus tertentu, jadi alat ini membiarkan setiap blok dan atribut style apa adanya. Yang diproses hanya spasi di antara tag HTML dan di dalam markup itu sendiri.

Mengapa penghapusan komentar opsional, dan apa itu komentar bersyarat?

Komentar HTML biasa adalah bobot mati di produksi, jadi defaultnya dibuang. Tetapi komentar bersyarat warisan — <!--[if IE]> ... <![endif]--> — adalah instruksi yang dieksekusi Internet Explorer lama, dan menghapusnya bisa mengubah apa yang dirender browser itu. Sakelar «Simpan komentar bersyarat» melestarikan tepat keluarga komentar tersebut.

Berapa kecil berkas saya nanti?

HTML biasa yang ditulis tangan atau dihasilkan template menyusut sekitar 5–15%: mayoritas spasi indentasi dan komentar. Kerangka minifikasi yang juga mengecilkan JS dan CSS melaporkan angka lebih besar, tetapi pekerjaannya lebih berisiko. Cek baris statistik — jika untungnya kecil di berkas Anda, mode aman sudah menghemat Anda dari masalah.

Apakah ada yang diunggah ke server?

Tidak. Seluruh transformasi adalah satu sapuan regex atas teks Anda dengan JavaScript murni di dalam browser. Tidak ada yang dikirim ke mana pun, dan tidak ada akun atau permintaan jaringan terkait minifikasi.