Samaziniet un saspiediet CSS stila lapas uzreiz savā pārlūkprogrammā. Noņemiet komentārus, sakļaujiet atstarpes un samaziniet faila lielumu. Bezmaksas un privāts.
Atbalsta .css failus. Vai arī iepriekš ielīmējiet savu CSS.
CSS minifikācija no stila lapas noņem atstarpes, komentārus un nevajadzīgās rakstzīmes, lai samazinātu tās lielumu pirms rādīšanas pārlūkprogrammās. Faktiskie noteikumi nav mainīti: samazināta stila lapa atveido lapas identiski neminificētajam avotam. Ietaupījumi rodas, noņemot jaunās rindiņas, liekos semikolus, komentārus, heksakrāsu īsraksta iespējas un nulles vienības saīsnes (0 pikseļu aizstāšana ar 0).
Mūsdienīgās vietnēs ar desmitiem stila noteikumu tipiskais samazinājums ir 20–40%, salīdzinot ar neierobežotu avotu. Apvienojumā ar gzip saspiešanu serverī, minimālie ietaupījumi sarūk — gzip jau efektīvi saspiež atkārtotu tekstu, taču šī kombinācija joprojām pārspēj tikai saspiešanu, it īpaši, ja stila lapas tiek saglabātas kešatmiņā un daudzas reizes tiek rādītas daudziem apmeklētājiem.
Šis minifikators apstrādā CSS vienā piegājienā, noņemot komentārus ārpus url() vērtībām, sakļaujot atstarpes, noņemot liekos semikolus pirms iekavas aizvēršanas, izmantojot nulles vienību saīsinājumu un, ja iespējams, pārvēršot sešciparu heksadecimālās krāsas trīsciparu formās (#ffffff → #fff). Izvade joprojām ir derīga CSS, kuru jebkura pārlūkprogramma parsē pareizi.
Mazāki CSS faili tiek ielādēti ātrāk, un renderēšanas bloķēšanas laiks samazinās, tādējādi uzlabojot First Contentful Paint un Largest Contentful Paint rādītājus. Vietnēs, kurās Core Web Vitals ietekmē meklēšanas ranžēšanu, katrs renderēšanu bloķējošais CSS kilobaits ir pūļu vērts.
Arī joslas platuma izmaksām ir nozīme. Vietnes, kas apkalpo miljoniem lapu skatījumu, ietaupa izmērāmu daudzumu izejas, ja to stila lapas ir par 30% mazākas. CDN rēķini, mobilo datu lietojums un enerģijas patēriņš sniedz nelielu labumu. Minifikācija būtībā ir bez maksas — vienreizējs izveides solis bez uzturēšanas izmaksām.
Ielīmējiet CSS, iegūstiet samazināto versiju.
CSS samazināšana galvenokārt ir konservatīva atstarpju noņemšana. Atzīmētāju, deklarāciju un vērtību iekšpusē tiek saglabāta atstarpe, kur tas ir svarīgi; laukums ārpusē ir sakļauts. Komentāri tiek noņemti, ja vien tie nesākas ar /*! (licences saglabāšanas komentāri).
Izplatītākie īsinājumtaustiņi: 0px, 0em un līdzīgas nulles vienības vērtības kļūst par 0; sešciparu hex krāsas ar pārī savienotiem cipariem (#ffffff, #336699) kļūst par trīsciparu (#fff, #369); tiek noņemts pēdējais semikols pirms }. Krāsu nosaukumi netiek automātiski pārveidoti par heksadecimitāti, jo dažkārt hex ir garāks (sarkans ir īsāks par #f00; #ff0000 ir garāks par sarkano).
Izvadei ir jānokārto jebkurš CSS pārbaudītājs, kas pieņem ievadi. Pārlūkprogrammas atbalsts nemainās — minimizēšana nemaina pašus noteikumus, tikai to teksta attēlojumu.