Paliitin ang CSS Online – Libreng Minifier at Beautifier
Paliitin o ayusin ang CSS agad sa browser mo. Inaalis ang mga komento at puwang para lumiit ang file.
🔒 Hindi lumalabas sa browser mo ang file mo. Lokal ang lahat ng pagpoproseso.
Paano paliitin ang CSS online
- 1
I-paste ang CSS mo
I-paste o i-type ang CSS code mo sa input box.
- 2
Piliin ang Paliitin o Ayusin
I-click ang Paliitin para i-compress ang CSS, o ang Ayusin para i-format ito nang may pare-parehong indentation.
- 3
Kopyahin ang resulta
Lalabas ang resulta sa kanan. I-click ang Kopyahin para makopya ito sa clipboard.
Hinaharangan ng CSS ang rendering: wala pang maipapakita ang browser hangga't hindi pa nada-download at napoproseso ang lahat ng stylesheet sa head. Kaya ilang kilobyte lang ay nakakapagpabagal na sa First Contentful Paint, lalo na sa mobile. Ang pagpapaliit ng CSS ang pinakamurang optimization: walang build pipeline, walang babaguhin sa code, mas maliit na file lang na pareho pa rin ang itsura.
Ang inaalis: mga komento, indentation, bagong linya, puwang sa paligid ng mga brace at colon, at ang huling semicolon bago ang bawat closing brace. Hindi ginagalaw ang mga selector, pangalan ng property, at halaga, kaya eksaktong gumagana ang minified na CSS tulad ng orihinal. Kabaligtaran naman ang Ayusin: ginagawa nitong madaling basahing mga rule na may maayos na indentation ang production stylesheet.
Kung malaki ang stylesheet mo dahil sa mga hindi ginagamit na rule at hindi dahil sa puwang, kaunti lang ang matitipid sa pagpapaliit; alisin muna ang mga hindi ginagamit na selector sa build mo. Para sa iba mong asset, ang JS minifier at HTML minifier ay naglalapat ng parehong ideya sa mga script at markup.