Minify Code - Kompres JS, CSS, dan HTML Online di Browser

Apa Itu Minify Code?

Minify Code mengompres JavaScript, CSS, dan HTML untuk memperkecil ukuran file dengan membuang komentar, spasi, dan karakter lain yang tidak dibutuhkan browser. Kode tetap berjalan persis sama, hanya saja lebih kecil — sehingga halaman terunduh lebih cepat dan menghemat bandwidth.

Alat ini dibuat untuk pengembang front-end dan web yang ingin output siap produksi tanpa memasang build tool. Pilih tab bahasa, tempel kode Anda, dan hasil minify muncul otomatis dengan statistik kompresi langsung. JavaScript ditangani oleh Terser, sedangkan CSS dan HTML memakai aturan khusus yang menjaga bagian-bagian penting tetap utuh.

Privat sejak awal: setiap proses minify berjalan di browser Anda. Kode Anda tidak pernah diunggah, dicatat, atau disimpan di server mana pun.

Cara Minify Kode Anda

Pilih Bahasa

Pilih tab JavaScript, CSS, atau HTML di bagian atas. Setiap tab memuat mesin yang tepat beserta rangkaian opsinya sendiri.

Tempel atau Unggah Kode

Ketik atau tempel ke panel masukan di sebelah kiri, atau gunakan Unggah untuk memuat file dari perangkat Anda. Tekan Contoh untuk menyisipkan kode contoh sesuai bahasa yang aktif.

Atur Opsi

Sesuaikan opsi khusus bahasa di toolbar — seperti Mangle dan Compress untuk JavaScript atau Ringkas spasi untuk HTML. Output otomatis di-minify ulang begitu Anda mengubah pengaturan.

Tinjau & Ekspor

Hasil muncul di sebelah kanan dengan highlight sintaks, dan bilah statistik menampilkan ukuran asli, ukuran hasil minify, dan jumlah yang dihemat. Lalu Salin output atau Unduh sebagai file.

Pintasan: output otomatis di-minify saat Anda mengetik setelah jeda singkat. Tekan Ctrl + Enter untuk minify langsung, atau Tab di editor untuk menyisipkan empat spasi.

Fitur

JavaScript via Terser

Minify kode ES6+ modern dengan Terser, dengan opsi Mangle, Compress, Drop console, dan Drop debugger.

Minify CSS

Hapus komentar, ringkas spasi, perpendek warna hex, dan optimalkan nilai nol sambil menjaga calc() tetap utuh.

Minify HTML

Buang komentar, ringkas spasi, dan secara opsional hapus tag penutup opsional serta tanda kutip atribut yang tidak perlu.

Minify Otomatis

Output diperbarui otomatis saat Anda mengetik, dengan pemrosesan debounce agar tidak pernah tertinggal dari masukan Anda.

Statistik Kompresi

Lihat ukuran asli, ukuran hasil minify, dan persentase persis yang dihemat setelah setiap proses.

Output Ber-highlight Sintaks

Hasil minify diberi highlight dengan Prism.js agar tetap terbaca, bukan satu baris yang padat.

Unggah & Unduh

Muat file langsung dari perangkat Anda dan unduh output hasil minify dengan ekstensi yang benar.

Salin Sekali Klik & Contoh

Salin hasil ke clipboard secara instan, atau muat kode contoh bawaan untuk mencoba tiap bahasa.

100% di Sisi Klien

Semua proses terjadi di browser Anda, sehingga kode Anda tidak pernah keluar dari perangkat.

Opsi per Bahasa

JavaScript

Mangle memperpendek nama lokal, Compress menerapkan eliminasi dead-code, dan Drop console / Drop debugger membuang pernyataan debug.

CSS

Aktifkan Hapus komentar; peringkasan spasi, pemendekan hex, dan optimasi nilai nol berjalan otomatis.

HTML

Aktifkan Hapus komentar, Ringkas spasi, dan Hapus tag opsional untuk mengatur seberapa agresif markup dipangkas.

Pertanyaan yang Sering Diajukan

Apa itu minify code?

Minify menghapus segala hal yang tidak dibutuhkan browser untuk menjalankan kode Anda — komentar, spasi berlebih, dan sintaks opsional — tanpa mengubah fungsi kode. Hasilnya adalah file yang lebih kecil yang lebih cepat dimuat dan diurai.

Apakah minify code mempercepat halaman?

Ya. File JavaScript, CSS, dan HTML yang lebih kecil terunduh lebih cepat dan membuat browser membaca lebih sedikit karakter, sehingga menurunkan penggunaan bandwidth dan membantu halaman menjadi interaktif lebih cepat.

Apakah kode saya dikirim ke server?

Tidak. Semua proses minify terjadi secara lokal di browser Anda. Kode Anda tidak pernah diunggah atau disimpan di mana pun — bahkan source code milik sendiri tetap berada di perangkat Anda.

Apakah minify akan merusak kode saya?

Alat ini dirancang untuk menjaga fungsionalitas. Terser mengganti nama identifier JavaScript dengan aman, HTML tidak menyentuh isi pre, script, style, dan textarea, serta CSS menjaga ekspresi calc() tetap utuh. Seperti langkah build lainnya, uji output dan simpan source asli Anda.

Apa arti "Mangle"?

Mangling memperpendek nama variabel dan fungsi lokal — misalnya myVariable menjadi a — untuk memangkas ukuran file tanpa memengaruhi cara kode berjalan. Mangling hanya mengganti nama identifier yang tidak diekspos ke luar.

Bisakah saya unminify kode di sini?

Tidak — alat ini hanya melakukan minify. Untuk merapikan atau memformat ulang kode hasil minify, gunakan code formatter atau beautifier sebagai gantinya. Perlu dicatat, nama JavaScript yang sudah di-mangle tidak bisa dikembalikan ke aslinya, karena informasi itu dihapus saat proses minify.

Berapa banyak ukuran file yang bisa dihemat?

Tergantung bahasa dan gaya penulisan kode. JavaScript dengan Mangle dan Compress sering mengalami pengurangan 40–70%, CSS umumnya 20–40%, dan HTML 10–30% tergantung berapa banyak spasi dan komentar yang ada. Bilah statistik menampilkan jumlah pasti yang dihemat untuk kode Anda.

Apa perbedaan minify dan gzip?

Minify menulis ulang source itu sendiri untuk membuang karakter yang tidak perlu, sehingga file lebih kecil di mana pun ia dibaca. Gzip adalah kompresi di sisi server yang diterapkan saat transfer dan didekompresi secara transparan oleh browser. Keduanya bisa ditumpuk: minify dulu, lalu biarkan server melakukan gzip pada hasilnya untuk unduhan terkecil.

Bisakah saya minify beberapa file sekaligus?

Alat ini memproses satu file pada satu waktu. Setelah minify, unggah file baru atau tempel kode baru untuk menangani file berikutnya.