Cómo minificar archivos CSS en WordPress

En esta guía aprenderás a minificar archivos CSS en WordPress.

Pero antes te recomiendo desactivar archivos CSS que no necesites.

Esto es muy importante, porque mejorará el resultado de esta minificación.

Vamos a ello.

La importancia de minificar archivos CSS

Es muy importante minificar archivos CSS, puesto que estos son los que dan el diseño de la web.

Estos archivos pueden ser del tema o plugins que uses.

Si tu web carga muchos archivos CSS, pesará más y será más lenta.

Con la minificación de archivos, lo que hacemos es eliminar lo que solo sirve a nivel de desarrollo, pero no sirve a la hora del diseño de la web como espacios en blanco, saltos de linea, comentarios y otros contenidos en el código.

Osea que coge un código como este:

body {
 background-color: #fff;
 color: #2a2a2a;
 font-family: 'Roboto', Helvetica, Arial, sans-serif;
 font-size: 18px;
 line-height: 1.5;
 -webkit-font-smoothing: antialiased;
 overflow-x: hidden !important;
}

Y lo transforma en:

body{background-color:#fff;color:#2a2a2a;font-family:'Roboto',Helvetica,Arial,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden!important;}

Esto hará que la web pese menos y sea más rápida.

Pero además, te ahorrará ancho de banda de tu hosting y CDN.

Conclusión

La minificación de archivos CSS es una técnica muy efectiva y que recomiendo sin duda alguna, porque mejora mucho la velocidad.

Espero que esta guía te haya sido de ayuda.