CSS Minifier

CSS minification removes all unnecessary characters from a CSS stylesheet without affecting how the page looks. This includes whitespace, line breaks, comments, and the last semicolon before a closing brace. The output is a single-line stylesheet that is functionally identical to the original but significantly smaller — typically 20–40% smaller before compression.

CSS render engelleyici bir kaynaktır. Tarayıcılar, sayfayı oluşturmadan önce tüm CSS'yi indirmeli ve ayrıştırmalıdır, bu da büyük veya küçültülmemiş CSS dosyalarının First Contentful Paint (FCP) ve Largest Contentful Paint (LCP) 'yi geciktirdiği anlamına gelir. Google PageSpeed Insights, küçültülmemiş CSS'yi "CSS'yi Küçült" fırsatı olarak işaretler ve Lighthouse gibi araçlar, performans denetimlerinde render engelleme stil sayfalarını cezalandırır.

Bu araç, özel bir küçültme algoritması kullanarak CSS'yi tamamen tarayıcınızda işler. Yorumları kaldırır, boşlukları daraltır, CSS söz dizimi karakterlerinin etrafındaki boşlukları kaldırır ({,},:,;,,) ve parantezleri kapatmadan önce sondaki noktalı virgülleri düşürür. Güzelleştir işlevi, okunabilirlik kurallarını yeniden girerek bu işlemi tersine çevirir. Bu, üçüncü bir taraftan küçültülmüş CSS aldığınızda ve onu okumanız veya değiştirmeniz gerektiğinde kullanışlıdır.