JavaScript / CSS Mampat · Peringan (Minify)
Memampat dan meringankan kod sumber JavaScript dan CSS
Ciri
Mampatan sokongan JS dan CSS
Meringankan kod sumber dua bahasa dengan pertukaran tab
Buang komen dan ruang sekaligus
Mengurangkan baris baharu dan koma bertitik yang tidak perlu secara automatik
Visualkan jumlah pengurangan dengan angka
Memaparkan saiz sebelum dan selepas mampatan serta kadar pengurangan serta-merta
Mengekalkan rentetan dan ungkapan biasa
Memampat dengan selamat tanpa merosakkan literal dalam kod
Cara penggunaan
Pilih bahasa untuk dimampat
Pilih bahasa untuk dimampat daripada tab JavaScript dan CSS
Masukkan kod sumber
Tampal kod ke dalam medan input, atau cuba dengan butang contoh
Jalankan dengan butang mampat
Menjana hasil mampatan dengan komen dan ruang dibuang
Semak dan simpan hasil mampatan
Semak kod selepas mampatan dan kadar pengurangan, kemudian dapatkan dengan salin atau muat turun
Kes penggunaan
Mempercepatkan paparan laman Web
Mengurangkan saiz fail JS dan CSS untuk memendekkan masa pemuatan
Pemprosesan akhir sebelum terbit
Meringankan aset untuk keluaran dan menjimatkan kos pengedaran
Menjimatkan kuota data mudah alih
Memampat jumlah data dipindah untuk persekitaran mudah alih bagi penjimatan
Pengeliruan kod sumber
Memproses kod sumber supaya sukar dibaca dengan membuang maklumat pemformatan
Pengetahuan Asas
Perbezaan antara Minifikasi dan Obfuskasi
Minifikasi adalah proses menghilangkan ruang kosong, baris baru, dan komentar untuk membuat fail lebih ringan. Hasilnya memang menjadi sulit dibaca, tetapi ia berbeza daripada obfuskasi (yang bertujuan untuk mencegah dekodifikasi melalui penukaran nama pembolehubah dan transformasi struktur).
Hubungan dengan Pemampatan gzip
Minifikasi dan pemampatan gzip atau Brotli di sisi pelayan boleh digunakan bersama, dan menggunakan kedua-duanya adalah amalan terbaik. Selepas minifikasi mengurangkan saiz asal, fail dimampatkan lagi semasa penghantaran, sehingga kesan gabungannya lebih berkesan.
Keselamatan dan privasi
Selesai dalam pelayar
Data input diproses hanya dalam pelayar anda dan tidak dihantar ke luar.
Diproses hanya dalam pelayar
mampatan kod semuanya dilakukan dalam pelayar anda, data input tidak dihantar ke pelayan.
Komunikasi disulitkan dengan HTTPS
Pemuatan halaman juga disulitkan oleh TLS, kandungan tidak boleh dibaca oleh pihak ketiga.
Tiada penghantaran kepada pihak ketiga
Kandungan input tidak dihantar ke perkhidmatan luaran seperti rangkaian iklan atau penjejak.
Tiada penyimpanan automatik hasil
input dan hasil mampatan dan cadangan input tidak disimpan di pelayan.
Ikuti RAKKOTOOLS di Carian Google
175 alat berguna yang mudah ditemui dari Carian Google dan Carian AI!
- Ditemui dalam carian
- Dipaparkan dalam Carian AI
- Menemui alat baharu
Maklumat kemas kini
- update #216
Diperbaiki masalah di mana teks bahasa Jepun dipaparkan pada halaman bukan bahasa Jepun untuk beberapa alat
- update #162
Alat pemampat CSS menyelesaikan masalah warna separa-lut menjadi tidak sah di beberapa penyemak imbas
- update #86
Alat Pemampatan CSS Memperbaiki Kerusakan Tata Letak Akibat Kehilangan Ruang Pemilih
- update #27
Selesaikan masalah output alat kompresi seperti pemisahan pengenal JavaScript dan kerusakan selector keturunan CSS
- update #7
Mengekalkan ruang yang diperlukan dalam ungkapan aritmetik dan pertanyaan media pada alat pemampat JS/CSS