Peminimal JavaScript
Perkecil dan kompres kode JavaScript
JavaScript masukan
Menghapus komentar dan pernyataan debugger, mempertahankan log konsol.
Berjalan di browser Anda. Kode Anda tetap berada di perangkat ini.
Kesalahan & peringatan
Tips minifikasi JavaScript
- Uji JavaScript hasil minifikasi sebelum menerapkannya.
- Simpan file sumber asli untuk debugging.
- Gunakan pengacakan nama dengan hati-hati jika kode Anda bergantung pada nama fungsi atau kelas.
- Kombinasikan minifikasi dengan kompresi gzip atau Brotli.
- Gunakan alat build untuk mengotomatiskan minifikasi di produksi.
JavaScript hasil minifikasi
Hasil kompresi
- Ukuran asli
- —
- Ukuran setelah minifikasi
- —
- Byte dihemat
- —
- Kompresi
- —
- Baris
- —
Sebelum & sesudah
Sebelum
—
Sesudah
—
Tentang alat Peminimal JavaScript
Kami menghadirkan peminimal JavaScript online gratis yang memampatkan kode JS Anda dengan menghapus spasi, komentar, dan karakter yang tidak diperlukan untuk menghasilkan keluaran sekecil mungkin. Didukung Terser, mesin kompresi JavaScript standar industri, alat ini menangani sintaks ES6+ modern termasuk fungsi panah, template literal, kelas, destructuring, dan lainnya.
Pilih dari tiga tingkat minifikasi sesuai kebutuhan Anda. Preset Aman mempertahankan semua komentar dan nama variabel. Preset Direkomendasikan menghapus komentar dan pernyataan debugger sambil mempertahankan log konsol. Preset Agresif mengaktifkan pengacakan nama penuh, eliminasi kode mati, dan penghapusan log konsol untuk pengurangan ukuran file maksimal.
Semua pemrosesan berjalan langsung di browser Anda menggunakan pustaka Terser, sehingga kode JavaScript Anda tidak pernah diunggah ke server mana pun. Alat ini menyajikan statistik kompresi yang terperinci, yaitu ukuran asli, ukuran setelah diminimalkan, byte yang dihemat, persentase kompresi, dan pengurangan jumlah baris. Cukup tempel kode Anda, pilih preset, dan dapatkan JavaScript yang sudah dioptimalkan seketika.
Fitur utama
- Minifikasi berbasis Terser dengan dukungan penuh sintaks JavaScript ES6+
- Tiga preset minifikasi: tingkat kompresi Aman, Direkomendasikan, dan Agresif
- Eliminasi kode mati untuk menghapus jalur kode yang tidak dapat dijangkau
- Penghapusan pernyataan console.log dan debugger secara opsional
- Pengacakan (pemendekan) nama variabel pada mode Agresif untuk kompresi maksimal
- Minifikasi otomatis real-time dengan pemrosesan debounce saat Anda mengetik
- Statistik kompresi terperinci: ukuran asli, ukuran setelah diminimalkan, byte yang dihemat, rasio, dan jumlah baris
- Validasi sintaks bawaan dengan pencocokan tanda kurung
- Dukungan unggah file JavaScript (.js) untuk memproses skrip yang sudah ada
- Salin ke papan klip sekali klik dan unduh sebagai file .js
Cara menggunakan Peminimal JavaScript
- Pilih tingkat minifikasi: Pilih Aman untuk kompresi dasar, Direkomendasikan untuk optimasi seimbang, atau Agresif untuk pengurangan ukuran file maksimal dengan pengacakan nama.
- Masukkan JavaScript Anda: Tempel kode JS ke area teks, unggah file .js, atau klik Muat Contoh untuk mencoba demonstrasi.
- Tunggu pemrosesan: Alat ini meminimalkan kode Anda secara otomatis setelah jeda singkat dan menampilkan indikator pemrosesan selama kompilasi.
- Tinjau hasil kompresi: Lihat panel statistik untuk mengetahui seberapa besar ukuran file berkurang, termasuk ukuran asli dan ukuran setelah diminimalkan, byte yang dihemat, dan jumlah baris.
- Salin atau unduh: Klik Salin untuk menyalin JavaScript yang sudah diminimalkan ke papan klip, atau gunakan Unduh untuk menyimpannya sebagai file .js.
Kasus penggunaan
- Deployment produksi: Minimalkan JavaScript sebelum deployment untuk memperkecil ukuran file dan mempercepat pemuatan halaman.
- Optimasi performa: Kompres skrip untuk memperbaiki metrik Core Web Vitals, Time to Interactive, dan First Contentful Paint.
- Pengurangan bandwidth: File JS yang lebih kecil menekan biaya hosting dan transfer data, terutama untuk situs web dengan lalu lintas tinggi.
- Optimasi seluler: JavaScript yang terkompresi dimuat lebih cepat di jaringan seluler dan meningkatkan pengalaman pengguna seluler.
- Minifikasi cepat sekali pakai: Minimalkan skrip satuan saat Anda memerlukan optimasi cepat di luar pipeline build Anda.
- Tinjauan dan analisis kode: Gunakan statistik kompresi untuk menilai seberapa besar potensi optimasi pada basis kode Anda.
- Belajar dan bereksperimen: Pahami cara kerja minifikasi dengan membandingkan keluaran sebelum dan sesudah pada berbagai tingkat preset.
Pertanyaan yang sering diajukan
Apakah alat ini gratis?
Ya, Peminimal JavaScript sepenuhnya gratis tanpa batas ukuran file maupun jumlah minifikasi. Tidak perlu mendaftar atau membuat akun.
Apakah data saya aman?
Seluruh proses minifikasi berlangsung langsung di browser Anda menggunakan pustaka Terser. Kode JavaScript Anda tidak pernah dikirim ke server mana pun, sehingga privasi dan keamanan kode sumber Anda terjamin sepenuhnya.
Apa perbedaan antara mode Aman, Direkomendasikan, dan Agresif?
Mode Aman melakukan kompresi dasar dengan mempertahankan semua komentar, log konsol, dan nama variabel. Mode Direkomendasikan menghapus komentar dan pernyataan debugger. Mode Agresif mengaktifkan pengacakan nama, penghapusan konsol, eliminasi kode mati, dan optimasi multi-pass untuk keluaran terkecil.
Apakah pengacakan nama akan merusak kode saya?
Pengacakan nama mengganti nama variabel lokal dengan nama yang lebih pendek, yang aman untuk sebagian besar kode. Namun, hal ini dapat menimbulkan masalah jika kode Anda bergantung pada nama fungsi atau variabel saat runtime (misalnya melalui eval atau refleksi). Selalu uji secara menyeluruh setelah menggunakan mode Agresif.
Apakah alat ini mendukung TypeScript atau JSX?
Alat ini memproses JavaScript standar (ES6+). TypeScript dan JSX harus dikompilasi dulu menjadi JavaScript biasa sebelum diminimalkan. Gunakan compiler TypeScript atau Babel untuk transpilasi, lalu tempel hasilnya di sini.
Tips & praktik terbaik
- Selalu simpan file sumber: Simpan JavaScript asli yang belum diminimalkan di version control dan minimalkan hanya untuk build produksi.
- Buat source map: Gunakan source map di pipeline build Anda untuk men-debug kode yang sudah diminimalkan di alat developer browser.
- Uji setelah minifikasi: Selalu jalankan rangkaian pengujian Anda pada kode yang sudah diminimalkan, terutama saat memakai mode Agresif dengan pengacakan nama.
- Gabungkan dengan kompresi server: Padukan minifikasi JavaScript dengan kompresi gzip atau Brotli di server web Anda untuk pengurangan ukuran file terbaik.
- Mulai dengan Direkomendasikan: Preset Direkomendasikan menawarkan keseimbangan terbaik antara keamanan dan kompresi untuk sebagian besar proyek.
- Hapus log konsol di produksi: Gunakan mode Agresif untuk menghapus otomatis pernyataan console.log yang seharusnya tidak muncul di kode produksi.