Pega tu CSS en el primer campo
Mira el código minificado y los bytes ahorrados
Copia el CSS minificado en tu sitio
Los espacios, saltos de línea, sangrías y comentarios hacen que una hoja de estilos sea fácil de leer para las personas, pero los navegadores no los necesitan. Pega tu CSS y el código minificado aparece mientras escribes, con su tamaño en bytes y lo que se ha ahorrado. Solo se quita lo que no cambia nada: el espacio de un selector descendiente como nav a se queda, porque nava sería otro selector, igual que los espacios que necesita calc(). Los comentarios que empiezan por /*!, que suelen contener una licencia, se conservan.
La misma herramienta también minifica HTML y JavaScript: elige el lenguaje encima del campo. Para HTML, «Quitar los comentarios» borra los comentarios y «Minificar también el CSS y el JavaScript que contiene» minifica además los bloques de estilo y de script de la página. Tu navegador comprueba primero el JavaScript y, si el código tiene un error, la herramienta lo muestra en lugar de minificar el código. Minificar se suma a la compresión gzip o Brotli del servidor, ya que ambas reducen el archivo de maneras distintas. Tu código no se envía a ninguna parte.
Hola. Intentamos mucho crear un sitio web conveniente que usamos nosotros mismos. Si te ha gustado alguna de nuestras herramientas y editores, agrégala a tus marcadores, porque te será útil más de una vez. Y no olvides compartir en las redes sociales. Seremos mejores para ti.