Utilore

Minify HTML

Tempel HTML dan ambil kembali tanpa spasi yang toh tidak terlihat siapa pun. Penghitung di bawah kotak menunjukkan berapa banyak yang dihemat.

Kode tidak pernah meninggalkan halaman ini: perapiannya terjadi di browser Anda.

Cara pakai

  1. Tempel HTML ke kotak pertama: berkas diperkecil sambil Anda mengetik.
  2. Periksa angka ukuran di bawah kotak masukan.
  3. Salin hasilnya, atau tekan «Format» untuk membentangkannya kembali.

Perlu diketahui

Apa yang dibuang dan apa yang tidak

Baris baru di antara tag, rentetan spasi, dan komentar biasa akan hilang. Komentar kondisional tetap ada karena berisi markup untuk browser lama. Semua yang ada di dalam pre, textarea, script, dan style dipindahkan apa adanya: di sana baris baru adalah isi, bukan format.

Seberapa besar sebenarnya manfaatnya

Pada halaman biasa, minifikasi menghemat sepuluh sampai dua puluh persen sebelum kompresi, dan jauh lebih sedikit sesudahnya, karena gzip sudah menangani spasi berulang dengan baik. Layak dijalankan saat build dan layak dilupakan saat pengembangan: di sana markup yang mudah dibaca tidak memakan biaya apa pun dan menghemat berjam-jam.

Pertanyaan umum

Apakah tampilan halaman tetap sama?

Ya, dengan satu catatan: spasi di antara elemen inline terlihat pada halaman yang dirender. Karena itu spasi di antara tag dipadatkan menjadi satu, bukan dihapus, sehingga tata letak tidak bergeser.

Apakah kode saya dikirim ke suatu tempat?

Tidak. Semuanya terjadi di halaman ini, jadi templat yang belum dirilis tetap ada pada Anda.

Apakah CSS dan JavaScript di dalamnya ikut diperkecil?

Tidak. Blok-blok itu disalin apa adanya. Gunakan alat minify CSS untuk lembar gaya: mengutak-atik skrip lewat alat markup adalah cara klasik memunculkan bug yang sulit terlihat.

Bisakah saya membatalkannya?

Tekan «Format», markup akan tersusun lagi dengan indentasi. Baris baru yang asli sudah hilang, tetapi strukturnya kembali.

Alat terkait