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.

El artículo Cómo minificar archivos CSS en WordPress fué visto en Ragose.