Cómo combinar archivos CSS en WordPress

Combinar archivos CSS 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.

P.D. Puedes aprender a optimizar WordPress gratis como WPOptimizers y recibir cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.

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

Ver curso optimización

Si ya lo eres inicia sesión

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.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Recibe cada semana consejos de optimización probados para tener una web WordPress rápida, que mejorará su SEO y conversiones y acceso a herramientas, contenido exclusivo y soporte gratuito.