Minimeerige ja tihendage CSS-laaditabelid koheselt oma brauseris. Eemaldage kommentaarid, ahendage tühikuid ja vähendage faili suurust. Tasuta ja privaatne.
Toetab .css-faile. Või kleepige oma CSS ülal.
CSS-i minimeerimine eemaldab laadilehelt tühimikud, kommentaarid ja mittevajalikud märgid, et vähendada selle suurust enne brauserites esitamist. Tegelikud reeglid on muutumatud: minimeeritud laaditabel renderdab lehed identselt minimeerimata allikaga. Sääst tuleb reavahetuste, üleliigsete semikoolonite, kommentaaride, kuueteistkümnevärviliste stenogrammide ja nullühikute otseteede eemaldamisel (0px asendamine 0-ga).
Kaasaegsetel kümnete stiilireeglitega veebisaitidel on tüüpiline vähenemine 20–40% võrreldes minimeerimata allikaga. Koos gzip-tihendusega serveris väheneb marginaalne kokkuhoid – gzip tihendab korduvat teksti juba tõhusalt –, kuid kombinatsioon ületab siiski ainult tihendamise, eriti kui laaditabelid on vahemällu salvestatud ja paljudele külastajatele mitu korda saadaval.
See minimeerija töötleb CSS-i ühe käiguga, eemaldades kommentaarid väljaspool url() väärtusi, ahendades tühikuid, eemaldades üleliigsed semikoolonid enne sulgude sulgemist, rakendades nullühiku stenogrammi ja teisendades võimaluse korral kuuekohalised kuuekohalised värvid kolmekohaliseks (#ffffff → #fff). Väljundiks jääb kehtiv CSS, mida iga brauser õigesti sõelub.
Väiksemad CSS-failid laaditakse kiiremini ja renderdamise blokeerimise aeg väheneb, mis mõlemad parandavad First Contentful Paint ja Largest Contentful Paint skoori. Saitide puhul, kus Core Web Vitals mõjutavad otsingu asetust, on iga renderdust blokeeriva CSS-i kilobait pingutust väärt.
Ribalaiuse kulud on samuti olulised. Miljoneid lehevaatamisi teenindavad saidid säästavad mõõdetavalt palju väljapääsu, kui nende stiilitabelid on 30% väiksemad. CDN-i arved, mobiilse andmeside kasutamine ja energiatarbimine toovad vähe kasu. Minieerimine on sisuliselt tasuta – ühekordne ehitusetapp ilma hoolduskuludeta.
Kleepige CSS, hankige minimeeritud versioon.
CSS-i minimeerimine on enamasti konservatiivne tühikute eemaldamine. Selektorite, deklaratsioonide ja väärtuste sees säilib tühimik, kui see on oluline; tühik väljaspool on ahendatud. Kommentaarid eemaldatakse, kui need ei alga /*! (litsentsi säilitamise kommentaarid).
Levinud otseteed: 0px, 0em ja sarnased nullühiku väärtused muutuvad 0-ks; kuuekohalised kuuekohalised värvid paarisnumbritega (#ffffff, #336699) muutuvad kolmekohalisteks (#fff, #369); viimane semikoolon enne } eemaldatakse. Värvinimesid ei teisendata automaatselt kuusnurkseks, kuna kuusnurk on mõnikord pikem (punane on lühem kui #f00; #ff0000 on pikem kui punane).
Väljund peab läbima kõik CSS-i validaatorid, mis sisendit aktsepteerivad. Brauseri tugi on muutumatu – minimeerimine ei muuda reegleid endid, vaid ainult nende teksti esitust.