Nemokamas internetinis CSS sumažinimas / formatavimas

Input data
bfotool loadding
Output data
bfotool loadding

 

CSS sumažinimo įrankis

Sumažinus CSS, paimamas patobulintas, gerai suformuotas CSS kodas, kurį parašėte, ir pašalinami tarpai, įtrauka, naujos eilutės ir komentarai. Šie elementai nėra būtini, kad CSS būtų sėkmingai naudojamas. Tai taip pat apsunkina CSS skaitymą.

Daugelio kūrėjų „geriausia praktika“ yra išlaikyti „pagražintą“ versiją, o įgyvendinant projektą stiliai bus paleisti per sumažinimo programą. Jie taip pat sujungs daugybę stiliaus failų į vieną failą.

 

Kodėl verta naudoti CSS minifier?

Minifavimo tikslas – padidinti svetainės greitį. Sumažinus scenarijų, scenarijus gali būti iki 20 % mažesnis, todėl atsisiuntimo laikas bus greitesnis. Kai kurie kūrėjai taip pat naudos jį savo kodui „užtemdyti“. Dėl to kodą sunku nuskaityti, todėl sunkiau pakeisti arba kopijuoti.

 

CSS sumažinimo pavyzdys

Prieš:

.headbg{
    margin:0 8px 
}
a:link,a:focus{
    color:#00c 
}
a:active{
    color:red 
}

Po:

.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }