Minify or beautify CSS code
Minify CSS to reduce file size or beautify minified CSS for readability. See size savings. Free online CSS minifier and formatter.
CSS kodunuzu giriş redaktoruna yapışdırın. Alət media sorğuları, animasiyalar, CSS dəyişənləri, selektorlar daxil olmaqla bütün CSS sintaksisini emal edir.
Boşluqları, şərhləri və lazımsız simvolları silərək CSS-nizi sıxmaq üçün Kiçilt düyməsinə klikləyin.
Kiçildilmiş CSS-i oxunaqlı koda formatlaşdırmaq üçün Gözəlləşdir düyməsini istifadə edin.
Nəticəni stylesheet-lərinizdə istifadə etmək üçün kopyalayın.
CSS faylları render-bloklayan resurslar-dır, brauzerlər CSS tam yüklənənə və təhlil olunana qədər səhifəni göstərə bilməz. Daha kiçik CSS faylları daha sürətli yüklənir.
Google Lighthouse, PageSpeed Insights kiçildilməmiş CSS-i xüsusi olaraq performans problemi kimi qeyd edir.
Müasir veb tətbiqlər framework-lər, dizayn sistemləri vasitəsilə tez-tez böyük CSS faylları yığır. Kiçiltmə CSS fayl ölçülərini 20-40% azalda bilər.
Bütün CSS emalı brauzerinizdə yerli olaraq baş verir. Xüsusi dizayn sistemi kodunuz tamamilə məxfi qalır.
Gözəlləşdirici prodakşn saytlarından, CDN-dən host edilən framework-lərdən kiçildilmiş CSS-i anlamağa və debug etməyə kömək edir.
Maksimum fayl ölçüsü azaltması üçün CSS kiçiltməni tree-shaking (istifadə olunmayan CSS qaydalarının silinməsi) ilə birləşdirin.
Kiçildilmiş CSS-i debug etmək üçün inkişafda source map-lar istifadə edin.
Kritik CSS çıxarmasını nəzərdən keçirin: above-the-fold məzmun üçün lazım olan CSS-i daxil edin, qalanını yükləməni təxirə salın.
CSS custom properties (dəyişənlər) istifadə edərkən kiçiltmə dəyişən adlarını qoruyur çünki onlar runtime API-nin hissəsidir.
CSS kiçiltmə bütün lazımsız boşluqları, şərhləri (/* ... */), qaydada son xüsusiyyətdən sonra artıq nöqtəli vergülləri, url() dəyərlərində lazımsız dırnaqları, onluq dəyərlərdə baştakı sıfırları (0.5 .5 olur) və sıfır dəyərlərdə artıq vahidləri (0px 0 olur) silir.
Xeyr. CSS kiçiltmə yalnız brauzerlərin təhlil zamanı nəzərə almadığı simvolları silir. Üslublarınızın vizual çıxışı tamamilə eyni qalır.
Tipik CSS kiçiltmə orijinal kodun formatlaşdırmasından asılı olaraq 15-30% fayl ölçüsü azaltması əldə edir. Server tərəfli Gzip və ya Brotli sıxma ilə birləşdirildikdə ümumi şəbəkə transfer qənaəti 80-90%-ə çatır.
Əksər müasir build alətləri (webpack, Vite, Parcel, Next.js) prodakşn build proseslərinə CSS kiçiltməni daxil edir. Build pipeline-nız artıq kiçildibsə, bu alətdən yenidən keçirmək minimal əlavə effekt verəcək.
Bəli, tamamilə təhlükəsizdir. Bütün emal brauzerinizdə JavaScript ilə baş verir. CSS kodunuz heç vaxt heç bir serverə göndərilmir.
Bəli. Kiçildici custom properties, calc() ifadələri, CSS Grid, Flexbox, CSS animasiyaları, container sorğuları daxil olmaqla bütün müasir CSS xüsusiyyətlərini düzgün emal edir. Dəyişən adları runtime-da istinad edildikləri üçün qorunur.