HTML Minifier

Di mana whitespace dipertahankan

Setiap rangkaian spasi, tab, dan line break menjadi satu spasi, bukan dihapus, karena spasi di samping konten inline terlihat: dalam Read <a href="/guide">the guide</a> now, kedua spasi di sekitar link tetap ada. Whitespace hanya dihapus di tempat yang tidak akan ditampilkan browser: di awal dan akhir elemen block seperti <p>, <li>, atau <div>, serta di antara sibling block, seperti indentasi antara item <li>. Teks di dalam <pre>, <textarea>, <script>, dan <style> dibiarkan persis seperti aslinya.

CSS dapat membuat spasi yang dihapus kembali berpengaruh. <div> dengan style display: inline-block atau paragraf dengan white-space: pre-wrap merender whitespace yang menurut HTML tidak terlihat, jadi bandingkan halaman yang dirender dengan versi asli sebelum melakukan deploy.

Perubahan yang dilakukan parser browser

Fragmen, seperti template komponen, dikembalikan sebagai fragmen; input dengan doctype atau tag <html>, <head>, atau <body> dikembalikan sebagai dokumen utuh. Bagaimanapun, markup diproses oleh parser browser: tag yang tidak ditutup akan ditutup, elemen yang salah tempat dipindahkan ke lokasi yang ditentukan parser, dan doctype HTML versi apa pun menjadi <!doctype html>. Semua komentar dihapus, termasuk penanda framework yang ditulis sebagai komentar.

Script dan style inline dibiarkan seperti aslinya. Minifikasi kontennya secara terpisah dengan minifier JavaScript dan minifier CSS.

Cara menggunakannya

1. Tempel HTML.
2. Pilih Minify HTML.
3. Tinjau dan download dokumen yang ringkas.

Privasi & batasan

Dokumen tetap lokal. Selalu uji halaman yang dihasilkan karena whitespace bisa bermakna dalam layout inline.