Bahasa
English English Vietnamese (Tiếng Việt) Vietnamese (Tiếng Việt) Chinese (简体中文) Chinese (简体中文) Portuguese (Brazil) (Português do Brasil) Portuguese (Brazil) (Português do Brasil) Spanish (Español) Spanish (Español) Indonesian (Bahasa Indonesia) Indonesian (Bahasa Indonesia)
Pemintas Kode

Pemintas Kode

Perkecil kode JavaScript, CSS, dan HTML untuk mengurangi ukuran file dengan statistik kompresi real-time dan opsi yang dapat dikonfigurasi.

Apa Itu Pemintas Kode?

Pemintas Kode adalah alat berbasis browser yang mengompres kode JavaScript, CSS, dan HTML untuk mengurangi ukuran file. Alat ini menghapus karakter yang tidak perlu seperti komentar, spasi, dan elemen sintaks opsional sambil mempertahankan fungsi kode.

Mengapa Perkecil Kode?

Pemintas mengurangi ukuran file, yang menghasilkan waktu muat halaman lebih cepat dan penggunaan bandwidth lebih rendah. File yang lebih kecil berarti unduhan lebih cepat bagi pengguna Anda dan skor performa web yang lebih baik.

JavaScript

Didukung oleh Terser dengan mangle, compress, dan eliminasi kode mati untuk optimasi maksimal.

CSS

Menghapus komentar, meruntuhkan spasi, memendekkan warna heksadesimal, dan mengoptimalkan nilai nol.

HTML

Menghapus komentar, meruntuhkan spasi, menghapus tag penutup opsional, dan menghapus tanda kutip atribut yang tidak perlu.

Kode Anda Tetap Pribadi

Semua pemintas terjadi di browser Anda:

Pemrosesan 100% Sisi Klien: Kode Anda tidak pernah meninggalkan perangkat Anda. Tidak ada unggahan, tidak ada pelacakan, tidak ada pengumpulan data.
  • Tidak ada unggahan — kode Anda tidak pernah meninggalkan perangkat Anda
  • Tidak ada pelacakan — kami tidak mengumpulkan atau menyimpan kode apa pun yang Anda tempel
  • Privasi lengkap — semua pemrosesan terjadi secara lokal di browser Anda

Cara Menggunakan Pemintas Kode

1

Pilih Bahasa

Pilih tab bahasa (JavaScript, HTML, atau CSS) dari chip navigasi di bagian atas.

2

Tempel Kode Anda

Tempel atau ketik kode Anda di panel input di sebelah kiri. Alat ini pemintas otomatis saat Anda mengetik.

3

Sesuaikan Opsi

Konfigurasikan opsi khusus bahasa di toolbar (misalnya, Mangle, Compress, Hapus komentar).

4

Lihat Hasil

Lihat output yang sudah diperkecil di sebelah kanan dengan sorotan sintaks dan statistik kompresi.

5

Periksa Statistik

Tinjau bilah statistik kompresi untuk ukuran asli, ukuran yang diperkecil, dan persentase penghematan.

6

Salin atau Unduh

Klik Salin di header output untuk menyalin hasilnya, atau Unduh untuk menyimpan sebagai file.

Tindakan Cepat

Kode Contoh

Muat kode contoh untuk bahasa saat ini untuk melihat pemintas beraksi.

Unggah File

Muat file dari perangkat Anda alih-alih menempel kode secara manual.

Unduh Output

Simpan output yang sudah diperkecil sebagai file ke perangkat lokal Anda.

Hapus Semua

Atur ulang panel input dan output untuk memulai dari awal.

Pintasan Keyboard

Kiat Pro: Gunakan pintasan keyboard untuk mempercepat alur kerja Anda dan perkecil kode dengan lebih efisien.
  • Ctrl + Enter — perkecil segera (melewati penundaan debounce)
  • Tab — sisipkan 4 spasi untuk indentasi di area input

Fitur

Pemintas JavaScript

Didukung oleh Terser — kompres JavaScript standar industri yang mendukung sintaks ES6+ modern dan menyediakan kemampuan optimasi canggih.

Mangle

Perpendek nama variabel dan fungsi untuk mengurangi ukuran.

  • Mengganti nama variabel lokal
  • Memendekkan nama fungsi
  • Mempertahankan fungsionalitas

Compress

Terapkan optimasi seperti eliminasi kode mati dan pelipatan konstanta.

  • Menghapus kode yang tidak digunakan
  • Mengoptimalkan ekspresi
  • Mengurangi ukuran file

Hapus Console

Hapus semua panggilan console.log() dan console.*.

  • Menghilangkan pernyataan debug
  • Mengurangi ukuran file produksi

Hapus Debugger

Hapus pernyataan debugger dari kode produksi.

  • Membersihkan kode debugging
  • Output siap produksi

Pemintas CSS

  • Hapus komentar CSS (/* ... */)
  • Runtuhkan spasi dan hapus spasi yang tidak perlu di sekitar pemilih dan properti
  • Perpendek warna heksadesimal (#ffffff#fff)
  • Optimalkan nilai nol (0px0)
  • Hapus titik koma tertinggal sebelum kurung kurawal penutup
  • Pertahankan ekspresi calc() dengan spasi yang diperlukan
Sebelum

CSS Asli

/* Main styles */
.button {
    background-color: #ffffff;
    padding: 0px 10px;
    margin: 0px;
}
Sesudah

CSS yang Diperkecil

.button{background-color:#fff;padding:0 10px;margin:0}

Pemintas HTML

  • Hapus komentar HTML sambil mempertahankan komentar bersyarat
  • Runtuhkan spasi antara dan di sekitar tag
  • Hapus tag penutup opsional (</li>, </p>, </td>, dll.)
  • Hapus tanda kutip atribut yang tidak perlu untuk nilai sederhana
  • Hapus atribut tipe default (type="text/javascript", type="text/css")
  • Pertahankan konten di tag <pre>, <script>, <style>, dan <textarea>
Pemintas Aman: Konten di dalam tag pre, script, style, dan textarea dipertahankan persis seperti yang ditulis untuk mempertahankan fungsionalitas.

Fitur Umum

Pemintas Otomatis

Output diperbarui secara otomatis saat Anda mengetik dengan pemrosesan yang dibatasi waktu untuk performa yang mulus.

Statistik Kompresi

Lihat ukuran asli, ukuran yang diperkecil, dan persentase yang disimpan secara real-time.

Sorotan Sintaks

Output yang sudah diperkecil disorot dengan Prism.js untuk keterbacaan yang lebih baik.

Unggah File

Unggah file atau tempel kode langsung untuk pemrosesan cepat.

Unduh Output

Unduh output yang sudah diperkecil sebagai file dengan satu klik.

Salin ke Papan Klip

Salin kode yang sudah diperkecil ke papan klip secara instan untuk penggunaan segera.
100% Sisi Klien: Kode Anda tidak pernah meninggalkan browser Anda. Semua pemrosesan terjadi secara lokal untuk privasi dan keamanan maksimal.

Pertanyaan yang Sering Diajukan

Apakah kode saya dikirim ke server?

Tidak. Semua pemintas terjadi secara lokal di browser Anda. Kode Anda tidak pernah diunggah atau disimpan di mana pun. Ini memastikan privasi dan keamanan lengkap untuk kode sumber Anda.

Mesin JavaScript apa yang digunakan ini?

Pemintas JavaScript didukung oleh Terser, kompres tingkat produksi yang banyak digunakan yang mendukung sintaks ES6+ modern. Terser adalah standar industri yang digunakan oleh kerangka kerja dan alat build utama.

Apakah pemintas akan merusak kode saya?

Pemintas mempertahankan fungsionalitas. Untuk JavaScript, Terser menangani penggantian nama variabel dengan aman. Untuk HTML, konten di dalam tag <pre>, <script>, <style>, dan <textarea> dibiarkan tidak berubah. Untuk CSS, ekspresi calc() dipertahankan dengan benar.

Pemrosesan Aman: Alat ini menggunakan algoritma terbukti yang mempertahankan fungsionalitas kode sambil mengoptimalkan ukuran file.

Apa arti "Mangle"?

Mangle memendekkan nama variabel lokal dan fungsi (misalnya, myVariable menjadi a). Ini secara signifikan mengurangi ukuran file tanpa mempengaruhi cara kode berjalan.

Sebelum Mangle
function calculateTotal(price, quantity) {
    return price * quantity;
}
Sesudah Mangle
function calculateTotal(a,b){return a*b}

Apa itu "tag penutup opsional" di HTML?

Di HTML5, tag penutup tertentu seperti </li>, </p>, </td> bersifat opsional. Menghapusnya mengurangi ukuran file tanpa mempengaruhi cara browser merender halaman.

  • Browser secara otomatis menyimpulkan di mana tag ini harus ditutup
  • Ini adalah bagian dari spesifikasi HTML5
  • Mengurangi ukuran file sebesar 10-30% dalam dokumen HTML khas

Berapa banyak pengurangan ukuran file yang dapat saya harapkan?

Hasilnya bervariasi menurut bahasa dan gaya kode. Berikut adalah tingkat kompresi khas:

JavaScript (dengan mangle + compress) 40-70%
CSS 20-40%
HTML 10-30%
Catatan: Penghematan aktual tergantung pada gaya kode, komentar, spasi, dan pengaturan optimasi Anda.

Bisakah saya perkecil beberapa file sekaligus?

Saat ini alat memproses satu file pada satu waktu. Anda dapat mengunggah file baru atau menempel kode baru untuk perkecil yang berikutnya. Pendekatan ini memastikan performa optimal dan memungkinkan Anda meninjau hasil kompresi setiap file secara individual.

Tempel kode ke panel input dan akan pemintas otomatis setelah penundaan singkat
Tekan Ctrl+Enter untuk perkecil segera tanpa menunggu
Gunakan tombol Salin di header output untuk menyalin kode yang sudah diperkecil
Klik Contoh untuk memuat kode contoh untuk bahasa saat ini
Untuk JavaScript, aktifkan Hapus console untuk menghapus semua panggilan console.log()
Periksa bilah statistik kompresi untuk melihat berapa banyak ukuran file yang Anda hemat
Semua pemintas berjalan di browser Anda - kode tidak dikirim ke server mana pun
Ingin belajar lebih banyak? Baca dokumentasi →
1/8
Mulai ketik untuk mencari...
Mencari...
Tidak ada hasil yang ditemukan
Coba gunakan kata kunci yang berbeda