Minificador de CSS

Un CSS más ligero y una web que se ve igual

La hoja de estilos que escribes está llena de espacios, líneas en blanco y comentarios. Los necesitas para editarla, pero el navegador no, y aun así cada visitante los descarga. El minificador CSS de Jood elimina lo que sobra y te devuelve un archivo más pequeño que funciona exactamente igual.

El tamaño importa más de lo que parece: el navegador espera a cargar las hojas de estilo enlazadas en la cabecera antes de mostrar la página. Cada kilobyte menos acerca el momento en que tu visitante ve la web, sobre todo con una conexión móvil lenta.

Cómo se usa

1. Pega tu código CSS en la casilla, hasta 2 MB.
2. Pulsa «Empezar ahora».
3. Copia el código minificado con «Copiar resultado» y guárdalo en un archivo aparte, por ejemplo style.min.css.

Qué se va y qué se queda

• Se elimina: los comentarios, los espacios y saltos de línea innecesarios, y el último punto y coma antes de cada llave de cierre.
• Se conserva tal cual: el texto entre comillas, como los nombres de fuentes, y el contenido de url() para imágenes y fuentes, para que no se rompa ninguna ruta.
• Los comentarios de licencia que empiezan por /*! se mantienen, porque algunas bibliotecas lo exigen.

Por ejemplo, «.card { color: #ffffff; padding: 0px 10px; }» queda como «.card{color:#ffffff;padding:0px 10px}».

Lo que la herramienta no hace

Quita lo que sobra sin reescribir los valores: #ffffff sigue siendo #ffffff en lugar de #fff, y 0px no pasa a 0. Tampoco fusiona reglas repetidas ni elimina estilos que tus páginas no usan. Esas optimizaciones requieren herramientas de compilación como cssnano y compensan sobre todo en proyectos grandes. Para una web normal o una plantilla pequeña, quitar espacios y comentarios es la mayor parte de la ganancia.

Dos consejos

• Guarda siempre el original legible para editar y publica solo la versión minificada.
• Minificar complementa la compresión gzip que aplica el servidor, no la sustituye: lo ideal es usar ambas.

Para JavaScript usa el minificador de JavaScript, y para las páginas, el minificador de HTML. El código se envía al servidor de Jood, se minifica y no se guarda.

Preguntas frecuentes