Herramienta CSS Minify
La minimización de CSS toma el código CSS embellecido y bien formado que ha escrito y elimina el espaciado, la sangría, las nuevas líneas y los comentarios. Estos elementos no son necesarios para que CSS se utilice correctamente. También hace que el CSS sea más difícil de leer.
La 'mejor práctica' de muchos desarrolladores es mantener una versión 'embellecida' y, cuando lancen su proyecto, ejecutarán los estilos a través de un programa de minificación. También combinarán sus muchos archivos de estilo en un solo archivo.
¿Por qué usar CSS Minifier?
El propósito de la minifcación es aumentar la velocidad de un sitio web. La minimización puede hacer que un script sea hasta un 20% más pequeño, lo que resulta en un tiempo de descarga más rápido. Algunos desarrolladores también lo usarán para 'ofuscar' su código. Esto dificulta la lectura del código, lo que dificulta la ingeniería inversa o la copia.
Ejemplo de CSS Minify
Antes:
.headbg{
margin:0 8px
}
a:link,a:focus{
color:#00c
}
a:active{
color:red
}
Después:
.headbg{margin:0 8px }a:link,a:focus{color:#00c }a:active{color:red }