Cómo combinar archivos CSS en WordPress

En esta guía te explicaré cómo combinar archivos CSS en WordPress.

Recuerda que antes es imprescindible minificar los archivos CSS y que ninguna URL tenga errores.

Vamos.

La importancia de combinar archivos CSS

Es muy importante combinar archivos CSS por varios motivos:

• Reduce el número de peticiones: Aunque con HTTP2, la descarga de archivos se hace de forma paralela, siempre se consigue mejor resultado combinando archivos.
• Evitas la rotura de la descarga paralela: Los archivos se descargan según estén puestos en la web. Si en medio de los archivos CSS hay peticiones externas, la descarga paralela se rompe, lo que ralentiza la web.
• Ahorra recursos del hosting: Al tener que hacer menos peticiones.

Osea, coge el archivo-1.css y archivo-2.css y lo convierte en archivo-1-2.css.

Problemas de la combinación de archivos CSS

La combinación de archivos también puede dar varios problemas:

• Puede dar errores y la web verse mal: Aunque te explicaré cómo detectar y solucionar estos problemas.
• Crea archivos más pesados: Por eso es importante que antes sepamos desactivar archivos CSS y minificar los que quedan.
• Tendrás constantes errores 404: Dado que cada vez que se vacía la caché, se eliminan los archivos combinados, Google y el resto de buscadores verán que los archivos no existen. No hay solución para esto, pero tampoco es un tema preocupante.

Conclusión

La combinació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.