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.
Hazte WPOptimizer premium para ver este contenido y aprender a optimizar WordPress
Si ya lo eres inicia sesiónConclusió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.