Procesamiento local

HERRAMIENTAS PARA DEVELOPERS

Minificar CSS

Deja la hoja de estilos en su tamaño mínimo quitando todo lo que el navegador no necesita para interpretarla.

Usar herramienta

EDITOR DE CÓDIGO

Minificador CSS

Procesamiento local · motor profesional · sin enviar tu código

CSS · listo para procesar
CSSentrada.css
0 líneasCSS
CSSminificado.cssVista previa
0 líneasSolo lecturaCSS

Por qué el CSS bloquea el renderizado

A diferencia de un script diferido, la hoja de estilos bloquea la primera pintura: el navegador no muestra nada hasta tenerla. Por eso su peso pesa más de lo que sugiere su tamaño en disco, y es donde minificar rinde más que en JavaScript.

Lo que se elimina

Comentarios, espacios entre selectores y declaraciones, saltos de línea y el punto y coma final de cada bloque. Los nombres de clase y los valores se conservan tal cual: no hay renombrado ni reescritura de propiedades.

El mayor ahorro no está aquí

Conviene decirlo: en una hoja de estilos real, lo que más pesa suelen ser las reglas que ya nadie usa. Minificar comprime también el CSS muerto. Si buscas una mejora seria, primero elimina lo que no se aplica y después minifica lo que queda.

PREGUNTAS FRECUENTES

¿Se sube mi hoja de estilos a algún servidor?

No. Se procesa en tu navegador, así que puedes minificar CSS de un proyecto privado sin que salga de tu equipo.

¿Cambia el aspecto de la página?

No. Solo se quita lo que el navegador ignora al interpretar el CSS.

¿Puedo revertirlo?

Puedes reindentarlo con el formateador, pero los comentarios no se recuperan.

¿Elimina reglas que no se usan?

No. Para eso hace falta analizar el HTML que consume esa hoja, y eso es otra herramienta.