Reduïu i comprimiu fulls d'estil CSS a l'instant al vostre navegador. Elimina els comentaris, redueix els espais en blanc i redueix la mida del fitxer. Gratuït i privat.
Admet fitxers .css. O enganxeu el vostre CSS a dalt.
La minimització de CSS elimina els espais en blanc, els comentaris i els caràcters innecessaris d'un full d'estil per reduir-ne la mida abans de publicar-lo als navegadors. Les regles reals no canvien: un full d'estil minificat representa les pàgines de manera idèntica a la font no minificada. Els estalvis provenen de l'eliminació de línies noves, punts i coma redundants, comentaris, oportunitats de taquigrafía de color hexadecimal i dreceres d'unitat zero (substituint 0px per 0).
Als llocs web moderns amb desenes de regles d'estil, la reducció típica és del 20 al 40% en comparació amb la font no minificada. Combinat amb la compressió gzip al servidor, l'estalvi marginal es redueix (gzip ja comprimeix el text repetit de manera eficaç), però la combinació encara supera la compressió sola, sobretot quan els fulls d'estil s'emmagatzemen a la memòria cau i es publiquen moltes vegades a molts visitants.
Aquest minificador processa CSS d'una sola passada, elimina els comentaris fora dels valors d'url(), col·lapsa els espais en blanc, elimina els punts i coma redundants abans de tancar claus, aplica l'abreviatura d'unitat zero i converteix colors hexadecimals de sis dígits en forma de tres dígits sempre que sigui possible (#ffffff → #fff). La sortida segueix sent un CSS vàlid que qualsevol navegador analitza correctament.
Els fitxers CSS més petits es carreguen més ràpidament i el temps de bloqueig de renderització disminueix, ambdós milloren les puntuacions de First Contentful Paint i Largest Contentful Paint. Per als llocs on Core Web Vitals afecten el rànquing de cerca, cada kilobyte de CSS que bloqueja la representació afaitada val la pena l'esforç.
Els costos de l'ample de banda també són importants a escala. Els llocs que ofereixen milions de pàgines vistes estalvien quantitats mesurables de sortida quan els seus fulls d'estil són un 30% més petits. Les factures de CDN, l'ús de dades mòbils i el consum d'energia es beneficien lleugerament. La minificació és essencialment gratuïta: un pas de construcció únic sense cap cost de manteniment.
Enganxeu CSS, obteniu la versió minificada.
La minimització de CSS és principalment una eliminació conservadora d'espais en blanc. Els espais en blanc dins de selectors, declaracions i valors es conserven quan siguin significatius; L'espai en blanc exterior està col·lapsat. Els comentaris s'eliminen tret que comencen per /*! (comentaris sobre la conservació de la llicència).
Dreceres habituals: 0px, 0em i valors similars d'unitat zero es converteixen en 0; colors hexadecimals de sis dígits amb dígits aparellats (#ffffff, #336699) es converteixen en tres dígits (#fff, #369); s'elimina l'últim punt i coma abans de }. Els noms dels colors no es converteixen automàticament a hexadecimal perquè de vegades és més llarg (el vermell és més curt que #f00; #ff0000 és més llarg que el vermell).
La sortida hauria de passar qualsevol validador CSS que accepti l'entrada. El suport del navegador no canvia: la minificació no modifica les regles en si, només la seva representació del text.