ToolsMaxxing
Bahasa Indonesia
EnglishEspañolPortuguêsBahasa Indonesiaहिन्दीবাংলাРусскийTiếng ViệtFrançaisDeutschTürkçeالعربية

Minifier HTML, CSS, dan JS

Perkecil HTML, CSS, dan JavaScript dengan menghapus spasi, komentar, dan byte berlebih.

File Anda tetap di perangkat Anda

Cara kerjanya

  1. 1Pilih JavaScript, CSS, atau HTML.
  2. 2Tempel kode Anda, atau pilih Coba contoh.
  3. 3Atur opsi untuk bahasa tersebut.
  4. 4Salin atau unduh kode hasil minify, dan periksa baris ukuran di bawah kotak.

Fungsi tiap opsi

JavaScript
Memakai Terser untuk menghapus komentar dan spasi, menyederhanakan ekspresi, dan membuang kode yang tidak terjangkau.
Persingkat nama variabel
Mengganti nama variabel lokal menjadi satu huruf. Matikan jika kode Anda membaca nama saat dijalankan, misalnya lewat eval.
CSS
Memakai csso untuk menggabungkan aturan, memperpendek warna dan nilai, serta menghapus komentar.
HTML
Meringkas spasi dan menghapus komentar serta atribut yang berlebihan.
Minify CSS dan JS inline
Juga memperkecil kode di dalam tag style dan script pada HTML.

Privasi

Semuanya berjalan di browser Anda. Yang Anda tempel tidak pernah dikirim ke server. Kode yang belum dirilis tetap ada di perangkat Anda.

Pertanyaan yang sering diajukan

Apakah kode hasil minify aman dipakai?

Minifier dirancang agar perilaku kode tetap sama, tetapi tetap uji hasilnya. Kode yang bergantung pada nama fungsi, memakai eval, atau punya kesalahan sintaks bisa rusak. Simpan file asli Anda.

Mengapa muncul error sintaks?

JavaScript diurai sebelum diperkecil, jadi kesalahan seperti kurung yang hilang akan menghentikan alat dan menampilkan barisnya. CSS dan HTML lebih toleran dan sering tetap di-minify apa adanya.

Seberapa kecil file saya nanti?

Tergantung banyaknya spasi dan komentar. File yang ditulis manual sering mengecil 20 sampai 60 persen. Mengaktifkan gzip atau Brotli di server Anda menghemat lebih banyak lagi.

Apakah mendukung JavaScript modern?

Ya. Sintaks terkini seperti arrow function, class, fungsi async, dan optional chaining didukung. Alat ini tidak mengubah kode ke sintaks yang lebih lama.

Bisakah saya mendapatkan source map?

Tidak. Alat ini hanya menghasilkan kode hasil minify. Pakai build tool Anda jika butuh source map untuk debugging.

Alat terkait