Reduce el tamaño del archivo eliminando los comentarios, los espacios innecesarios y los caracteres superfluos de su código CSS. Se ejecuta por completo en su navegador.
¿Qué es la minificación CSS?
A medida que los archivos CSS crecen, los tiempos de carga aumentan. La minificación reduce el archivo eliminando los comentarios, los espacios innecesarios, los puntos y coma finales y la indentación. El navegador interpreta el resultado exactamente igual, pero se descarga más rápido.
Las ventajas
En archivos CSS voluminosos, la minificación puede reducir el tamaño entre un 20 y un 50 %. Esto acelera la carga de los recursos que bloquean el renderizado y contribuye a mejores puntuaciones en Core Web Vitals.
Cómo utilizarla
- Pegue su código CSS en el panel de la izquierda.
- Haga clic en el botón Minificar y copie el resultado.
- Utilice la versión
.min.cssen su entorno de producción.
Consejo: si sirve su CSS minificado a través de un CDN en combinación con la caché del navegador, las ganancias de rendimiento se multiplican.
Preguntas frecuentes
¿Puedo editar el CSS minificado después?
Técnicamente sí, pero es difícil de leer. Haga siempre los cambios en el archivo original (fuente) y vuelva a minificarlo.
¿Minificar es lo mismo que combinar?
No. La minificación reduce el tamaño del archivo, mientras que la combinación une varios archivos en uno para reducir el número de solicitudes. Usar ambas juntas ofrece el mejor resultado.
