Savo naršyklėje akimirksniu sumažinkite ir suglaudinkite CSS stilių lapus. Pašalinkite komentarus, sutraukite tarpą ir sumažinkite failo dydį. Nemokamas ir privatus.
Palaiko .css failus. Arba įklijuokite savo CSS aukščiau.
CSS sumažinimas pašalina tarpą, komentarus ir nereikalingus simbolius iš stiliaus lapo, kad sumažintų jo dydį prieš pateikiant naršyklėms. Faktinės taisyklės nesikeičia: sumažintas stiliaus lapas atvaizduoja puslapius identiškai nesumažintame šaltinyje. Sutaupoma pašalinus naujas eilutes, perteklinius kabliataškius, komentarus, šešioliktainių spalvų santrumpos galimybes ir nulinio vieneto sparčiuosius klavišus (0 pikselių pakeitimas 0).
Šiuolaikinėse svetainėse, kuriose yra daugybė stiliaus taisyklių, įprastas sumažėjimas yra 20–40 %, palyginti su nesumažėjusiu šaltiniu. Kartu su gzip glaudinimu serveryje, ribinės santaupos sumažėja – gzip jau efektyviai suglaudina pasikartojantį tekstą, tačiau derinys vis tiek pranoksta vien tik glaudinimą, ypač kai stilių lentelės yra talpykloje ir daug kartų pateikiamos daugeliui lankytojų.
Ši miniatiūra apdoroja CSS vienu žingsniu, pašalina komentarus už url() reikšmių ribų, sutraukia tarpą, pašalina perteklinius kabliataškius prieš uždarant skliaustus, taiko nulinio vieneto santrumpas ir, kur įmanoma, konvertuoja šešių skaitmenų šešioliktaines spalvas į trijų skaitmenų formą (#ffffff → #fff). Išvestis išlieka galiojanti CSS, kurią bet kuri naršyklė tinkamai analizuoja.
Mažesni CSS failai įkeliami greičiau, o pateikimo blokavimo laikas sumažėja, o tai pagerina „First Contentful Paint“ ir „Largest Contentful Paint“ balus. Svetainėse, kuriose pagrindiniai žiniatinklio gyvybiniai parametrai turi įtakos paieškos reitingui, kiekvienas nuskustas pateikimą blokuojančio CSS kilobaitas yra vertas pastangų.
Pralaidumo sąnaudos taip pat svarbios mastu. Svetainės, kuriose pateikiami milijonai puslapių peržiūrų, sutaupo išmatuojamą kiekį išėjimo, kai jų stilių lentelės yra 30 % mažesnės. CDN sąskaitos, mobiliojo ryšio duomenų naudojimas ir energijos suvartojimas yra šiek tiek naudingi. Sumažinimas iš esmės nemokamas – vienkartinis kūrimo veiksmas be priežiūros išlaidų.
Įklijuokite CSS, gaukite sumažintą versiją.
CSS sumažinimas dažniausiai yra konservatyvus tarpų pašalinimas. Išsaugoma tuščia erdvė parinkikliuose, deklaracijose ir vertybėse, kur tai svarbu; tarpas lauke sutrauktas. Komentarai pašalinami, nebent jie prasideda /*! (licencijos išsaugojimo komentarai).
Įprasti spartieji klavišai: 0px, 0em ir panašios nulinio vieneto reikšmės tampa 0; šešiaženklės šešioliktainės spalvos su suporuotais skaitmenimis (#ffffff, #336699) tampa triženklėmis (#fff, #369); paskutinis kabliataškis prieš } pašalinamas. Spalvų pavadinimai nekeičiami į šešioliktadienį automatiškai, nes šešioliktainis kartais yra ilgesnis (raudona spalva yra trumpesnė nei #f00; #ff0000 yra ilgesnė nei raudona).
Išvestis turi perduoti bet kurį CSS tikrintuvą, kuris priima įvestį. Naršyklės palaikymas nesikeičia – sumažinimas nekeičia pačių taisyklių, tik jų teksto atvaizdavimas.