HTML, CSS ve JS Küçültücü
Yorumları ve fazla boşlukları güvenle kaldırın; çıktıyı kopyalayın ya da .min dosyası olarak indirin.
Araç
Bu araç HTML, CSS, JavaScript ve JSON kodunu küçültür: yorumları, boş satırları, girintileri ve noktalama çevresindeki gereksiz boşlukları kaldırır, başka hiçbir şeye dokunmaz. Dizgiler, url() içleri, şablon dizgileri, düzenli ifadeler, pre, textarea, script ve style içerikleri, koşullu yorumlar ve /*! ile başlayan lisans yorumları olduğu gibi kalır; HTML'de hiçbir etiket ya da nitelik tırnağı silinmez. Kodu yapıştırabilir ya da 2 MB'a kadar bir dosya yükleyebilirsiniz; tüm işlem tarayıcınızda yapılır, kod hiçbir sunucuya gönderilmez.
Sonuç ekranında kaynağın ve çıktının bayt cinsinden boyutu, aradaki kazanç yüzdesi ve tarayıcınız destekliyorsa her iki metnin gerçek gzip boyutu görünür. Bu son kutuya dikkat edin: sunucular dosyaları zaten gzip ya da brotli ile sıkıştırarak gönderdiği için tekrar eden boşluklar ve girintiler orada çok küçük yer tutar; küçültmenin tek başına sağladığı hız katkısı sınırlıdır ve asıl anlamını sıkıştırma ile birlikte kazanır. Sayfa hızı için önce sıkıştırma ve önbellek başlıklarını, görsel boyutlarını ve gereksiz betikleri ele almak daha çok sonuç verir.
Araç değişken adlarını kısaltmaz, kodu dönüştürmez, CSS değerlerini değiştirmez (0.5 yerine .5 yazmaz, 0px'i 0 yapmaz) ve boş kuralları silmez; bu sınır bilinçlidir, çıktının davranışı kaynağınkiyle aynı kalsın diye. JavaScript'te satır sonları korunur, böylece otomatik noktalı virgül kuralları etkilenmez; ancak bölme işareti ile düzenli ifade ayrımı önceki belirtece bakılarak sezgisel yapılır ve JSX desteklenmez. Vite, Next.js, webpack gibi derleme araçları bu işi zaten yapar; bu araç derleme adımı olmayan küçük siteler, tek dosyalar ve hızlı denemeler içindir. Kaynak dosyayı her zaman saklayın, küçültülmüş dosyayı elle düzenlemeyin.
Sık sorulanlar
Çıktı neden beklediğimden az küçüldü?
Araç yalnız yorum ve boşluk kaldırır; ad kısaltma ya da kod dönüştürme yapmaz. Zaten sıkıştırılmış ya da az yorumlu dosyalarda fark küçük kalır. Sunucu gzip ya da brotli kullanıyorsa aradaki fark daha da azalır; gzip kutusu bunu doğrudan gösterir.
JavaScript çıktısı güvenli mi?
Satır sonları korunduğu için otomatik noktalı virgül davranışı değişmez; dizgiler, şablon dizgileri ve düzenli ifadeler olduğu gibi kalır. Bölme işareti ile düzenli ifade ayrımı önceki belirtece göre yapıldığından çok nadir durumlarda yanılabilir; çıktıyı yayına almadan önce sayfayı açıp konsolu kontrol edin. Üretim derlemesi için esbuild, terser ya da projenizin derleme aracını kullanın.
Kodum bir yere gönderiliyor mu?
Hayır. Yapıştırdığınız ya da yüklediğiniz kod yalnız tarayıcınızda işlenir; gzip tahmini de tarayıcının kendi sıkıştırma arayüzüyle hesaplanır. Sayfayı yenilediğinizde her şey silinir.
Küçültülmüş dosyayı sonradan düzenleyebilir miyim?
Düzenlemeyi her zaman kaynak dosyada yapıp yeniden küçültmeniz gerekir; tek satıra inmiş bir dosyada yapılan el değişiklikleri hem hata üretir hem de bir sonraki küçültmede kaybolur. Kaynağı sürüm kontrolünde tutun, küçültülmüş dosyayı derleme çıktısı gibi görün.
