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.

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

  • Acceso exclusivo a la comunidad de Telegram y Discord.
  • Consejos semanales probados, para tener una web WordPress rápida.

Únete gratis a WPOptimizers y aprende a optimizar WordPress

Acceso exclusivo a la comunidad de Telegram y Discord.
Consejos semanales probados, para tener una web WordPress rápida.

Información básica sobre Protección de Datos. Responsable: Raúl González Sedeño (yo mismo). Finalidad: Tratar la información que me pases para poder prestarte el servicio solicitado y ayudarte a tener una web rápida con mis consejos. Legitimación: Que me das permiso, vaya. Destinatarios: Tus datos se guardan en Active Campaign que es mi servicio de email marketing y que está acogido al acuerdo de seguridad EU-US Privacy. Resumiendo, que están protegidos. Derechos: Y obviamente puedes acceder, rectificar y suprimir tus datos, así como otros derechos cuando quieras. Información adicional: Puedes consultar la información adicional y detallada sobre protección de datos personales en mi página web.