Formindsk og komprimer CSS-stylesheets med det samme i din browser. Fjern kommentarer, skjul mellemrum, og reducer filstørrelsen. Gratis og privat.
Understøtter .css-filer. Eller indsæt din CSS ovenfor.
CSS-minificering fjerner mellemrum, kommentarer og unødvendige tegn fra et stylesheet for at reducere dets størrelse, før det vises til browsere. De faktiske regler er uændrede: et minificeret stylesheet gengiver sider identisk med den ikke-minificerede kilde. Besparelserne kommer fra fjernelse af nye linjer, overflødige semikoloner, kommentarer, hex-farve stenografimuligheder og genveje med nul-enhed (erstatter 0px med 0).
På moderne websteder med snesevis af stilregler er den typiske reduktion 20-40 % i forhold til den ikke-minificerede kilde. Kombineret med gzip-komprimering på serveren krymper de marginale besparelser - gzip komprimerer allerede gentaget tekst effektivt - men kombinationen slår stadig komprimering alene, især når stylesheets cachelagres og vises mange gange til mange besøgende.
Denne minifier behandler CSS i en enkelt omgang, fjerner kommentarer uden for url()-værdier, kollapser mellemrum, fjerner overflødige semikoloner, før du lukker klammer, anvender stenografi med nul-enheder og konverterer sekscifrede hex-farver til trecifret form, hvor det er muligt (#ffffff → #fff). Outputtet forbliver gyldig CSS, som enhver browser parser korrekt.
Mindre CSS-filer indlæses hurtigere og gengivelsesblokerende tid falder, som begge forbedrer First Contentful Paint- og Largest Contentful Paint-resultaterne. For websteder, hvor Core Web Vitals påvirker søgerangering, er hver kilobyte af render-blokerende CSS barberet besværet værd.
Båndbreddeomkostninger har også betydning i skalaen. Websteder, der betjener millioner af sidevisninger, sparer målbare mængder af udgang, når deres stylesheets er 30 % mindre. CDN-regninger, mobildataforbrug og energiforbrug gavner alle lidt. Formindskelse er stort set gratis - et engangsopbygningstrin uden vedligeholdelsesomkostninger.
Indsæt CSS, få den minificerede version.
CSS-minificering er for det meste konservativ fjernelse af blanktegn. Whitespace inde i vælgere, erklæringer og værdier bevares, hvor det er væsentligt; whitespace udenfor er kollapset. Kommentarer fjernes, medmindre de begynder med /*! (licensbevaringskommentarer).
Almindelige genveje: 0px, 0em og lignende nul-enhedsværdier bliver 0; sekscifrede hex-farver med parrede cifre (#ffffff, #336699) bliver trecifrede (#fff, #369); det sidste semikolon før } fjernes. Farvenavne konverteres ikke automatisk til hex, fordi hex nogle gange er længere (rød er kortere end #f00 i længden; #ff0000 er længere end rød).
Output skal bestå enhver CSS-validator, der accepterer inputtet. Browserunderstøttelse er uændret - minifikation ændrer ikke selve reglerne, kun deres tekstrepræsentation.