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
CSS
HTML
Kode Anda Tetap Pribadi
Semua pemintas terjadi di browser Anda:
- 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
- 1. Apa Itu Pemintas Kode?
- 2. Cara Menggunakan Pemintas Kode
- 3. Fitur
- 4. Pertanyaan yang Sering Diajukan
- 4.1. Apakah kode saya dikirim ke server?
- 4.2. Mesin JavaScript apa yang digunakan ini?
- 4.3. Apakah pemintas akan merusak kode saya?
- 4.4. Apa arti "Mangle"?
- 4.5. Apa itu "tag penutup opsional" di HTML?
- 4.6. Berapa banyak pengurangan ukuran file yang dapat saya harapkan?
- 4.7. Bisakah saya perkecil beberapa file sekaligus?
Cara Menggunakan Pemintas Kode
Pilih Bahasa
Pilih tab bahasa (JavaScript, HTML, atau CSS) dari chip navigasi di bagian atas.
Tempel Kode Anda
Tempel atau ketik kode Anda di panel input di sebelah kiri. Alat ini pemintas otomatis saat Anda mengetik.
Sesuaikan Opsi
Konfigurasikan opsi khusus bahasa di toolbar (misalnya, Mangle, Compress, Hapus komentar).
Lihat Hasil
Lihat output yang sudah diperkecil di sebelah kanan dengan sorotan sintaks dan statistik kompresi.
Periksa Statistik
Tinjau bilah statistik kompresi untuk ukuran asli, ukuran yang diperkecil, dan persentase penghematan.
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
- 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 (
0px→0) - Hapus titik koma tertinggal sebelum kurung kurawal penutup
- Pertahankan ekspresi calc() dengan spasi yang diperlukan
CSS Asli
/* Main styles */
.button {
background-color: #ffffff;
padding: 0px 10px;
margin: 0px;
}
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>
Fitur Umum
Pemintas Otomatis
Statistik Kompresi
Sorotan Sintaks
Unggah File
Unduh Output
Salin ke Papan Klip
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.
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.
function calculateTotal(price, quantity) {
return price * quantity;
}
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:
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.
Belum ada komentar. Jadilah yang pertama berkomentar!