Minifica CSS con CSSO, que hace bastante más que quitar espacios: acorta los colores, reduce las propiedades abreviadas y, si se lo dejas, fusiona reglas que comparten declaraciones.
La reestructuración es lo que da la diferencia de verdad, y también es la que hay que mirar con más atención: cambia el orden de las reglas, y en hojas con mucha especificidad cruzada eso puede alterar el resultado.
Cómo se usa
- Pega el CSS.
- Decide si activas la reestructuración.
- Copia o descarga el .min.css.
Preguntas frecuentes
- ¿Es seguro activar la reestructuración?
- Lo es en la gran mayoría de hojas, pero comprueba la página después. Si tienes reglas que dependen del orden en que aparecen para ganarse entre ellas, mejor desactivarla.
- ¿Qué son los comentarios /*! */?
- La convención para marcar un comentario que no debe quitarse, como una cabecera de licencia. Con la casilla activada se conservan y el resto desaparecen.
- ¿Cuánto se suele ahorrar?
- Entre un 15 y un 30 % en una hoja escrita a mano. Si el servidor ya comprime con gzip o brotli, la ganancia final es más modesta, pero se nota igualmente.
Herramientas relacionadas
Minificar JavaScriptTerser en el navegador, con acortado de nombres opcional.
Contar palabras y caracteresRecuento en vivo, tiempo de lectura y los límites de cada plataforma.
Cambiar mayúsculas y minúsculasMAYÚSCULAS, minúsculas, Tipo Título, camelCase, snake_case y más.
Ordenar y limpiar líneasOrdena, quita duplicados y líneas vacías, numera o invierte una lista.
Codificar y decodificar URLPercent-encoding, para direcciones enteras o solo para un parámetro.