CSS Küçültücü: Web Sitenizi Hızlandırmak İçin Çevrimiçi Ücretsiz CSS Küçültün

Her CSS Baytı Bir Saniyelik Yüke Değerdir

Küçültülmüş CSS; beyaz boşlukları, yorumları ve gereksizlikleri atarak mobil kullanıcıların her ziyarette indirdiği stil sayfalarını küçültür. CSS küçültme, her sitenin kullanabildiği en hızlı performans kazancıdır.

Daha küçük CSS, daha hızlı işleme, daha iyi puanlar ve daha düşük bant genişliği anlamına gelir.

ChooseTools CSS'i tarayıcınızda yerel olarak, güvenli ve geri alınabilir şekilde küçültür.

CSS'inizi Nasıl Küçültürsünüz

Okunabilir stil sayfasından sıkıştırılmış yayın dosyasına:

CSS'inizi yapıştırın ve küçült düğmesine tıklayın. Araç, kuralları, seçicileri ve bildirimleri tam olarak korurken kaldırılabilir baytları atar.

Bir önizleme, sonucu kopyalamadan önce boyut kazancını gösterir.

Küçültme Ne Kaldırır, Nelere Asla Dokunmaz

Beyaz boşluklar, yorumlar ve zararsız gereksizlikler kaldırılır; seçiciler, değerler ve satıcı önekleri birebir korunur.

İşlevsel çıktı, yük ağırlığı hariç kaynakla birebir aynı işlenir.

Anlamlar hiç değişmediği için üretim için güvenlidir.

Biçimle, Küçült, Karşılaştır

Geliştirmede okunabilir kaynağı, üretimde kompakt çıktıyı tercih edin.

Biçimle, küçült ve önizle, araçlar arasında geçiş yapmadan o döngüyü destekler.

Her iki biçim de incelenebilir olduğu için sürüm kontrolü temiz kalır.

Yükleme Süresi Üzerindeki Gerçek Etkiyi Ölçmek

80 KB'den 25 KB'ye küçülen bir stil sayfası, ziyaretçi başına 55 KB tasarruf sağlar ve bu tasarruf her sayfa görüntülemesinde çoğalır. Günde on bin ziyaretçiye hizmet veren bir site için kümülatif bant genişliği azalması, tek bir tasarım kararı değiştirilmeden her hafta yüzlerce megabayta ulaşır.

Largest Contentful Paint ve First Contentful Paint gibi Core Web Vitals metrikleri, CSS daha hızlı geldiğinde doğrudan iyileşir. Arama motorları sayfaları sıralamak için bu sinyalleri kullanır; daha hafif bir stil sayfası sonuçlardaki konumunuzu yükseltebilir.

Araç, küçültmeden önceki ve sonraki tam bayt sayısını gösterir; performans raporlarında belirsiz iyileştirme iddiaları yerine somut rakamlar sunar.

Küçültme ve Sıkıştırma Karşılaştırması ve Neyi Küçültmemek Gerekir

Küçültme ve sıkıştırma rekabet etmekten çok tamamlayıcıdır: gzip veya Brotli sıkıştırılmış yanıtlar gönderen bir sunucu, önceden küçültülmüş kaynaktan daha da fazla fayda görür. İkisini birleştirmek, tarayıcının tel üzerinden olabilecek en küçük yükü indirmesi anlamına gelir.

Birkaç dosya bilinçli olarak güzel biçimde yazdırılmış kalmalıdır; örneğin üretimde doğrudan okuyup hata ayıklamayı planladığınız üçüncü taraf kütüphane dosyaları. Bu durumlarda, okunabilir kopyayı kalıcı olarak sökmek yerine küçültülmüş derlemenin yanında tutun.

Araç yapıştırdığınız orijinal kaynağı koruduğu için, agresif ayarlarla güvenle deney yapabilir ve deponuz için okunabilir sürümü aynı anda saklayabilirsiniz.

Küçültülmüş CSS'i Derlemenize Entegre Etmek

Stilli bir siteyi yayımlamak genellikle hosting platformuna bir derleme dizini teslim etmek anlamına gelir. Depoda tek bir kanonik okunabilir stil sayfası tutmak ve yayın zamanında küçültülmüş bir kopya üretmek, işi çoğaltmadan sürdürülebilirlik ve performans sağlar.

Bazı dağıtım hatları otomatik küçültür; ancak elle tarayıcı içi geçiş, tek sayfalık siteler, prototipler ve derleme sistemi olmayan hızlı düzeltmeler için mükemmeldir. Küçültülmüş dosyanın nereden geldiğini ve neyin kaldırıldığını bilmek, gelecekteki düzenlemeleri öngörülebilir kılar.

Ön Uç Genelinde Birleşik Performans

Küçültülmüş CSS'i görüntü sıkıştırma ile sıkıştırılmış görsellerle ve biçimlendiriciler ile sade HTML/JSON ile eşleştirin.

Tıraşlanan her katman, daha hızlı bir ilk işleme anlamına gelir.

Sayfa ölçümleri tüm hatta teşekkür eder.

Kenar Durumları ve Güvenlik Notları

Beyaz boşluk içeren dizeleri olan içerik özelliklerini barındıran CSS doğru biçimde korunur; sitenizdeki hiçbir metin küçültme nedeniyle değiştirilmez. İki nokta üst üste, köşeli ayraç ve sözde-sınıf içerenler dahil seçici adları, anlam taşıdıkları için elle dokunulmadan geçer.

-webkit- ve -moz- gibi satıcı önekleri, belirli tarayıcılarda özellikleri etkinleştirdikleri için asla sökülmez. Küçültücü bunları gerekli olarak tanır ve tam yazıldığı gibi tutar.

Stil sayfanız CSS özel özellikleri veya calc() ifadeleri kullanıyorsa, araç değerleri değerlendirmek yerine sözdizimi düzeyinde çalıştığı için tüm bu gelişmiş yapılar küçültmeden zarar görmeden çıkar.

Özel Sayfalar, Bulut Yok

Yayınlanmamış stil sayfaları, yerel olarak işlendiğinde tam da bu şekilde kalır.

Platformlar arasında yükleme yok, hesap yok, filigran yok.

Site kodu kurum içinde kalır.

Geliştirici Araç Kutusunda CSS

Küçültmeyi eksiksiz bir derleme seti için varlık dönüşümleri ve URL işleme ile takip edin.

Her şey ücretsizdir ve tarayıcı yerelidir.

Daha hafif stil sayfaları, her derlemede özel olarak teslim edilir.