Pemadat HTML, CSS, dan JS
Cara memadatkan kode
- Tempel HTML, CSS, atau JavaScript Anda. Bahasanya dikenali sendiri, atau Anda bisa menentukannya.
- Versi padatnya muncul di bawah beserta ukuran sebelum dan sesudah serta persentase hematnya.
- Salin atau unduh sebagai berkas .min.
Pertanyaan umum
Apa saja yang dibuang?
Komentar dan spasi yang tak perlu. Pada CSS, spasi di samping kurung kurawal, titik koma, koma, dan titik dua ikut hilang, begitu juga titik koma terakhir di setiap blok. Pada HTML, rentetan spasi disusutkan jadi satu dan komentarnya hilang. Pada JavaScript, komentar dan indentasi hilang.
Mengapa JavaScript-nya tetap punya pergantian baris?
Karena membuangnya bisa mengubah arti kodenya. JavaScript menyisipkan titik koma di akhir baris, jadi menggabungkan dua baris yang mengandalkan itu akan merusaknya. Yang dibuang hanya indentasi, baris kosong, dan komentar, yang aman untuk kode apa pun.
Apakah ia mengganti nama variabel seperti alat build?
Tidak. Memendekkan nama dan menulis ulang ungkapan memerlukan pengurai sungguhan dan itu tugas pembundel seperti esbuild, terser, atau SWC. Alat ini untuk merampingkan sebuah berkas dengan tangan, yang biasanya menghemat 10% sampai 30%.
Apakah aman dengan string dan ungkapan reguler?
Ya. Pembacanya mengikuti tanda kutip, template literal, dan ungkapan reguler, jadi tanda komentar di dalam sebuah string, atau garis miring di dalam ungkapan reguler, dibiarkan apa adanya.
Mengapa spasi antartag HTML dipertahankan?
Spasi di antara dua elemen sebaris itu terlihat di halaman, jadi membuangnya akan merapatkan katanya. Centang kotak kedua kalau markah Anda semuanya elemen blok dan Anda ingin spasinya hilang.
Bukankah gzip sudah melakukannya?
Sebagian besar, ya. Peladen yang memadatkan dengan gzip atau Brotli sudah memeras spasi yang berulang, jadi memadatkan lebih dulu menghemat jauh lebih sedikit daripada yang disiratkan hitungan bytenya. Tetap berguna untuk kode sebaris, templat surel, dan berkas yang dilayani tanpa pemadatan.
Apakah kode saya diunggah?
Tidak. Teks diproses di browser Anda dan tidak dikirim ke mana pun.