A CSS-stíluslapok kicsinyítése és tömörítése azonnal a böngészőben. Távolítsa el a megjegyzéseket, csukja össze a szóközöket, és csökkentse a fájlméretet. Ingyenes és privát.
Támogatja a .css fájlokat. Vagy illessze be a CSS-t fent.
A CSS-minifikáció eltávolítja a szóközöket, a megjegyzéseket és a szükségtelen karaktereket a stíluslapról, hogy csökkentse a méretét, mielőtt megjelenítené a böngészőben. A tényleges szabályok változatlanok: a kicsinyített stíluslap az oldalakat a nem kicsinyített forráshoz hasonlóan jeleníti meg. A megtakarítás az újsorok, a redundáns pontosvesszők, a megjegyzések, a hexadecimális színű gyorsírási lehetőségek és a nulla egység parancsikonok eltávolításából származik (a 0 képpont 0-ra cserélése).
A stílusszabályok tucatjával rendelkező modern webhelyeken a tipikus csökkenés 20–40% a minimálisra csökkentett forráshoz képest. A szerveren a gzip tömörítéssel kombinálva a minimális megtakarítások csökkennek – a gzip már hatékonyan tömöríti az ismétlődő szövegeket –, de a kombináció még mindig felülmúlja a tömörítést, különösen akkor, ha a stíluslapokat gyorsítótárban tárolják, és sokszor szolgálják ki sok látogatónak.
Ez a minifier egyetlen lépésben dolgozza fel a CSS-t, eltávolítja az url() értékeken kívüli megjegyzéseket, összecsukja a szóközöket, eltávolítja a redundáns pontosvesszőket a kapcsos zárójelek bezárása előtt, nulla egységnyi gyorsírást alkalmaz, és ahol lehetséges, a hatjegyű hexadecimális színeket háromjegyűvé alakítja (#ffffff → #fff). A kimenet érvényes CSS marad, amelyet bármely böngésző megfelelően értelmez.
A kisebb CSS-fájlok gyorsabban töltődnek be, és lecsökken a megjelenítést blokkoló idő, ami mindkettő javítja a First Contentful Paint és a Largest Contentful Paint pontszámokat. Azokon a webhelyeken, ahol a Core Web Vitals befolyásolja a keresési rangsorolást, a megjelenítést blokkoló CSS minden kilobájtja megéri az erőfeszítést.
A sávszélesség-költségek is nagymértékben számítanak. Azok a webhelyek, amelyek több millió oldalmegtekintést szolgálnak ki, mérhető mennyiségű kilépést takarítanak meg, ha stíluslapjaik 30%-kal kisebbek. A CDN-számlák, a mobiladat-használat és az energiafogyasztás mind-mind előnyösebbek. A minimalizálás lényegében ingyenes – egyszeri összeépítési lépés karbantartási költségek nélkül.
Illessze be a CSS-t, szerezze be a kicsinyített verziót.
A CSS-minifikáció többnyire konzervatív szóközeltávolítás. A kijelölőkön, deklarációkon és értékeken belüli üres hely megmarad, ahol ez jelentős; a külső szóköz összecsukva. A megjegyzéseket eltávolítjuk, hacsak nem /*-al kezdődnek! (licenc megőrzési megjegyzések).
Gyakori billentyűparancsok: 0px, 0em és hasonló nulla egységértékek 0-ra változnak; hatjegyű hexadecimális színek párosított számjegyekkel (#ffffff, #336699) háromjegyűvé válnak (#fff, #369); a } előtti utolsó pontosvessző törlődik. A színnevek nem konvertálódnak automatikusan hexadecimálissá, mert a hex néha hosszabb (a piros rövidebb, mint #f00; az #ff0000 hosszabb, mint a piros).
A kimenetnek minden olyan CSS-ellenőrzőt át kell adnia, amely elfogadja a bemenetet. A böngésző támogatása változatlan – a kicsinyítés nem módosítja magukat a szabályokat, csak azok szöveges megjelenítését.