Brauzerinizdə dərhal CSS üslub cədvəllərini kiçildin və sıxın. Şərhləri silin, boşluqları yığışdırın və fayl ölçüsünü azaldın. Pulsuz və özəl.
.css fayllarını dəstəkləyir. Və ya yuxarıda CSS-ni yapışdırın.
CSS-in kiçildilməsi brauzerlərə xidmət etməzdən əvvəl ölçüsünü azaltmaq üçün üslub cədvəlindən boşluqları, şərhləri və lazımsız simvolları silir. Faktiki qaydalar dəyişməzdir: kiçildilmiş üslub cədvəli səhifələri kiçikləşdirilməmiş mənbə ilə eyni şəkildə göstərir. Qənaət yeni sətirlərin, lazımsız nöqtəli vergüllərin, şərhlərin, altıbucaqlı rəngli stenoqrafiya imkanlarının və sıfır vahidli qısayolların (0px-i 0 ilə əvəz etmək) silinməsindən əldə edilir.
Onlarla üslub qaydalarına malik olan müasir veb saytlarda tipik azalma kiçikləşdirilməmiş mənbə ilə müqayisədə 20-40% təşkil edir. Serverdə gzip sıxılması ilə birlikdə, marjinal qənaət azalır - gzip artıq təkrarlanan mətni effektiv şəkildə sıxışdırır - lakin kombinasiya hələ də tək sıxılmadan üstündür, xüsusən üslub cədvəlləri keşləndikdə və bir çox ziyarətçiyə dəfələrlə təqdim edildikdə.
Bu minifikator CSS-i tək keçiddə emal edir, url() dəyərlərindən kənar şərhləri silir, boşluqları yığır, mötərizələri bağlamadan əvvəl lazımsız nöqtəli vergülləri silir, sıfır vahid stenoqrafiya tətbiq edir və mümkün olduqda altı rəqəmli hex rəngləri üç rəqəmli formaya çevirir (#ffffff → #fff). Çıxış istənilən brauzerin düzgün təhlil etdiyi etibarlı CSS olaraq qalır.
Kiçik CSS faylları daha sürətli yüklənir və renderin bloklanması vaxtı azalır, hər ikisi Birinci Məzmunlu Boya və Ən Böyük Məzmunlu Paint xallarını yaxşılaşdırır. Core Web Vitals-ın axtarış sıralamasına təsir etdiyi saytlar üçün hər kilobayt render bloklayan CSS-in qırxılmış olduğu səylərə dəyər.
Bant genişliyi xərcləri də miqyasda vacibdir. Milyonlarla səhifə baxışına xidmət edən saytlar üslub cədvəlləri 30% kiçik olduqda ölçülə bilən miqdarda çıxışa qənaət edir. CDN faturaları, mobil məlumat istifadəsi və enerji istehlakı bir az fayda gətirir. Kiçikləşdirmə mahiyyətcə pulsuzdur - texniki xidmət haqqı olmayan birdəfəlik quraşdırma addımı.
CSS-ni yapışdırın, kiçikləşdirilmiş versiyanı əldə edin.
CSS-nin kiçildilməsi əsasən mühafizəkar boşluqların çıxarılmasıdır. Seçicilərin, bəyannamələrin və dəyərlərin içərisində boşluq əhəmiyyətli olduqda qorunur; çöldəki boşluq çökdü. Şərhlər /* ilə başlamadıqca silinir. (lisenziyanın mühafizəsi şərhləri).
Ümumi qısa yollar: 0px, 0em və oxşar sıfır vahid dəyərləri 0-a çevrilir; qoşalaşmış rəqəmlərlə altı rəqəmli altıbucaqlı rənglər (#ffffff, #336699) üçrəqəmli olur (#fff, #369); }-dən əvvəlki son nöqtəli vergül silinir. Rəng adları avtomatik olaraq hex-ə çevrilmir, çünki onaltılıq bəzən daha uzun olur (qırmızı uzunluqda #f00-dən qısadır; #ff0000 qırmızıdan uzundur).
Çıxış girişi qəbul edən istənilən CSS validatorunu keçməlidir. Brauzer dəstəyi dəyişməzdir — kiçilmə qaydaların özlərini dəyişdirmir, yalnız onların mətn təqdimatıdır.