0

CSS Minifier Dalam Talian

Kecilkan CSS, JavaScript, HTML atau JSON dalam penyemak imbas: buang ulasan dan ruang kosong, lihat saiz yang disimpan serta-merta.

Memproses... 0%
Menghuraikan kod sumber
Melucutkan komen
Ruang putih runtuh
Mengukur penjimatan saiz

Hasilnya

Halaman ini membuka pengecil kod dengan CSS diprapilih. Tampal helaian gaya, tekan butang dan anda mendapat satu baris padat: ulasan dialih keluar, ruang putih diruntuhkan di sekeliling pendakap, titik bertindih, koma bertitik dan koma, dan koma bertitik terakhir yang berlebihan sebelum setiap pendakap penutup digugurkan.

CSS bertindak balas dengan sangat baik kepada peminimakan kerana helaian gaya yang diformatkan kebanyakannya adalah lekukan dan ulasan — penjimatan biasa dijalankan antara 15% dan 40% daripada saiz fail. CSS yang lebih kecil bermakna penyemak imbas mula membuat pemaparan lebih awal, memandangkan helaian gaya ialah sumber menyekat pemaparan: setiap kilobait yang dipangkas daripada CSS memendekkan masa untuk mula-mula melukis pada sambungan perlahan.

Penguat kecil berhati-hati di mana ia penting: rentetan dalam sifat kandungan dan nilai url() disalin secara verbatim dan ruang di sekeliling titik bertindih peringkat pemilih disimpan supaya penggabung seperti "a :hover" mengekalkan maksudnya. Panel saiz menunjukkan bait sebelum dan selepas ditambah dengan peratusan yang disimpan, dan hasilnya boleh disalin atau dimuat turun dalam satu klik.