Tempel JavaScript atau CSS — tekan Minify untuk menghapus spasi + komentar untuk produksi, atau Beautify untuk meng-indent ulang kode yang di-obfuscate / satu baris menjadi bentuk yang mudah dibaca. Deteksi bahasa otomatis, semuanya di browser Anda.
Konservatif. Kami menghapus komentar dan menciutkan spasi, tetapi tidak mengacak identifier (foo tetap foo), tidak melakukan eliminasi dead-code, dan tidak mengubah urutan pernyataan. Tujuannya adalah pengurangan byte yang aman dan dapat diprediksi. Jika Anda ingin kompresi maksimal, jalankan output melalui Terser atau esbuild sebagai langkah akhir.
Tidak. Tokeniser-nya sadar akan string, sadar akan template literal, dan sadar akan regex. Spasi dan urutan mirip komentar di dalam "...", '...', \`...\`, atau /regex/flags dipertahankan apa adanya. Komentar banner lisensi (/*! ... */) juga dipertahankan secara default.
Minify untuk produksi, beautify untuk debugging — plus beberapa sentuhan kecil yang membuatnya benar-benar menyenangkan digunakan.
JavaScript atau CSS, minify atau beautify, dalam satu alat. Deteksi otomatis memilih bahasa berdasarkan petunjuk konten; atau timpa dengan dropdown Bahasa.
Kami menghapus komentar dan menciutkan spasi — tetapi tidak pernah mengacak identifier, tidak pernah mengubah urutan, tidak pernah meng-inline. String, template literal, regex, dan komentar banner lisensi (/*! ... */) dipertahankan apa adanya. Output aman byte-per-byte.
Tempel bundel ter-minify satu baris, tekan Beautify, dapatkan versi ter-indentasi yang mudah dibaca — berguna untuk memeriksa skrip pihak ketiga, men-debug stack trace produksi, atau belajar dari kode yang cerdas.
Setiap minify menampilkan delta byte-masuk → byte-keluar dan persentase yang dihemat. Tidak perlu lagi bertanya-tanya apakah bundel CSS Anda benar-benar mengecil.
Kode Anda tetap di perangkat Anda. Tokeniser, minifier, beautifier semuanya berjalan sebagai JavaScript secara lokal. Buka DevTools → Network dan verifikasi nol permintaan keluar.
JavaScript murni, tanpa runtime framework. Cold load di bawah 25 KB ter-gzip. Bundel JS 200 KB di-minify dalam waktu kurang dari 50 md di laptop biasa.
Tiga langkah dari kode mentah ke output siap produksi.
Letakkan JavaScript atau CSS ke panel Input. Alat akan otomatis mendeteksi bahasanya — atau pilih dari dropdown Bahasa jika sumbernya ambigu (mis. fragmen kecil).
Tekan Minify untuk menghapus komentar dan spasi untuk produksi. Tekan Beautify untuk memperluas kode yang di-obfuscate / satu baris dengan indentasi yang tepat. Alat berjalan ulang secara instan setiap klik — bolak-balik untuk membandingkan.
Gunakan ikon salin untuk mendorong output ke clipboard, atau ikon unduh untuk menyimpannya sebagai output.min.js / output.min.css / output.beauty.js / output.beauty.css. Selisih ukuran (byte masuk → keluar, persen yang dihemat) menunjukkan dengan tepat seberapa banyak Anda mengompresnya.
Empat skenario umum di mana alat browser yang mengutamakan privasi mengalahkan menempelkan kode ke minifier online acak.
Halaman statis, template email transaksional, dan cuplikan embed sering kali memerlukan skrip atau stylesheet inline satu baris. Letakkan sumber yang mudah dibaca, minify, tempel hasilnya ke tag <style> atau <script> — selesai.
Pixel vendor, beacon ad-network, ekstensi mencurigakan — semuanya dikirim sebagai satu baris yang di-minify. Tempel, tekan Beautify, baca apa yang sebenarnya mereka lakukan sebelum Anda menyematkannya di produksi.
Tema untuk WordPress / Shopify / Ghost / Webflow dikirim dengan CSS yang membengkak. Tempel stylesheet-nya, beautify, periksa aturan duplikat dan selektor yang tidak digunakan. Setelah selesai, minify versi yang sudah dibersihkan kembali ke satu baris.
Skrip internal yang berisi kunci API, rahasia, logika bisnis — apa pun yang tidak boleh Anda tempel ke minifier cloud. Alat khusus browser ini menjaga setiap byte di laptop Anda. Buka DevTools → Network dan verifikasi tidak ada yang keluar.
Kode Anda tidak pernah meninggalkan perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama minify atau beautify.
/*! ... */) dipertahankan secara default sehingga Anda tidak secara tidak sengaja menghapus atribusi yang diwajibkan oleh lisensi pustaka open-source.
Bacaan pilihan tentang minifikasi JS / CSS, pemformatan kode, dan disiplin ukuran bundel.
Where XML still beats JSON (SOAP, RSS, Office docs, EPUB, sitemaps, configs) and where JSON wins. Worked examples and migration patterns.
Reading XML namespace prefixes, finding the actual fault inside a SOAP envelope, and using a browser-based formatter to spot the issue without firing up SoapUI.
Konservatif. Kami menghapus komentar dan menciutkan spasi, tetapi tidak mengacak identifier (foo tetap foo), tidak melakukan eliminasi dead-code, dan tidak mengubah urutan pernyataan. Tujuannya adalah pengurangan byte yang aman dan dapat diprediksi. Jika Anda ingin kompresi maksimal, jalankan output melalui Terser atau esbuild sebagai langkah akhir.
Tidak. Tokeniser-nya sadar akan string, sadar akan template literal, dan sadar akan regex. Spasi dan urutan mirip komentar di dalam "...", '...', \`...\`, atau /regex/flags dipertahankan apa adanya. Komentar banner lisensi (/*! ... */) juga dipertahankan secara default.
Ya. Aturan bersarang, @media, @keyframes, @font-face, @layer, @container, @supports, dan custom property CSS (--var) semuanya di-minify dengan aman. Daftar selektor dengan koma dipertahankan; hanya spasi yang tidak signifikan yang diciutkan.
Itulah persisnya tujuan Beautify. Tempel JS atau CSS yang ter-minify, tekan Beautify, dapatkan versi yang ter-indentasi ulang. Beautifier tidak mengubah semantik — hanya menambahkan baris baru dan indentasi berdasarkan kedalaman tanda kurung. Bekerja pada input valid apa pun terlepas dari bagaimana ia di-minify.
Tidak. Tokeniser, minifier, dan beautifier semuanya berjalan dalam JavaScript di perangkat Anda. Buka DevTools → Network dan Anda akan melihat nol permintaan keluar selama minify atau beautify. Tempel kunci API, rahasia, atau kode proprietary — tidak ada yang meninggalkan laptop Anda.