¿Cómo combino los archivos de mi sitio WordPress?

Procédure

¿Qué es la combinación?


Combinar es la acción de combinar todos los archivos CSS o JS de un sitio en un único archivo. Esto tiene el efecto de reducir el número de peticiones HTTP realizadas a su sitio, haciendo que se cargue más rápido. A diferencia de la minificación, la combinación de archivos es más difícil de implementar porque cambia el orden en que se cargan los archivos, lo que puede causar errores en su sitio y hacerlo inutilizable, pero por otro lado las ganancias de rendimiento son generalmente mayores. Para superar este problema, los archivos se suelen agrupar en varios ficheros en lugar de uno solo; la eficacia de la combinación se reduce ligeramente, pero así se reducen los problemas que puede causar.

Para que las cosas queden más claras, tomemos el ejemplo de una página de un sitio sin combinación y observemos el número de archivos CSS cargados:

¿Cómo combino los archivos de mi sitio WordPress?

24 de las peticiones realizadas de las 73 enviadas proceden de archivos CSS, es decir, casi un tercio de las peticiones. Una vez combinados los archivos, esta misma página sólo carga 12 archivos, es decir, una reducción del 50% del número de solicitudes enviadas para archivos CSS.

¿Cómo combino los archivos de mi sitio WordPress?


¿Cómo combinar los archivos de un sitio?


Para combinar los archivos en un sitio WordPress, necesitará utilizar una extensión que haga el trabajo por usted, ya que no es posible combinar manualmente los archivos CSS/JS en un sitio WordPress sin arriesgarse a comprometer el buen funcionamiento del sitio. Además, cada vez que se actualizan las extensiones, el tema o incluso WordPress, los archivos vuelven a su estado original y los cambios se pierden.

Hay varias extensiones de WordPress que te permiten combinar tus archivos, incluyendo LWS Optimize, una extensión de optimización de sitios hecha por LWS que puede combinar tus archivos CSS y JS.

Combinar archivos con LWS Optimize


Para activar la combinación de los archivos de su sitio, vaya a la configuración de la extensión y luego a la pestaña "Front-End":

¿Cómo combino los archivos de mi sitio WordPress?¿Cómo combino los archivos de mi sitio WordPress?

A continuación, active las opciones "Combinar sus archivos CSS" y "Combinar sus archivos JS":

¿Cómo combino los archivos de mi sitio WordPress?¿Cómo combino los archivos de mi sitio WordPress?

La combinación de archivos ya está activada en su sitio, pero como está vinculada al sistema de caché de archivos, es posible que tenga que purgar esta caché para que surta efecto en las páginas de su sitio. Para ello, vaya a la pestaña "Caché" y haga clic en el botón "Vaciar caché" situado junto a la acción "Purga manual":

¿Cómo combino los archivos de mi sitio WordPress?¿Cómo combino los archivos de mi sitio WordPress?

Es posible que algunos de tus archivos CSS/JS no funcionen al combinarlos o que simplemente no quieras que se combinen; en este caso, puedes volver a la pestaña "Front-End" y hacer clic en el botón "Excluir archivos" de la acción que elijas para abrir el modal de exclusión:

¿Cómo combino los archivos de mi sitio WordPress?

En el ejemplo anterior, el archivo "woocommerce.css", todos los archivos con la extensión elementor y todos los archivos style.css han sido excluidos de la combinación. Deberá borrar la caché de archivos de su sitio para que las exclusiones surtan efecto.


Cómo LWS Optimize combina sus archivos


Conclusión

Ahora ya sabe cómo :

  • Utilizar las extensiones de WordPress para automatizar la combinación de archivos sin comprometer el funcionamiento del sitio,
  • Configurar la extensión LWS Optimize para combinar eficazmente sus archivos CSS y JS y gestionar las excepciones,
  • Reconocer el impacto positivo de la combinación en el número de peticiones HTTP y, en consecuencia, en la velocidad de carga de su sitio.

🚀 Al optimizar tu sitio con estos métodos, ofreces a tus visitantes una experiencia de usuario más rápida y agradable, al tiempo que mejoras potencialmente tu posicionamiento en los motores de búsqueda. 🌐

Esperamos que este artículo te haya proporcionado los conocimientos que necesitas para aumentar el rendimiento de tu sitio WordPress. ¡Gracias por leer y siéntete libre de compartir tus experiencias o hacer cualquier pregunta que puedas tener dejando un comentario a continuación! 😊👇

Valora este artículo :

Este artículo le ha sido útil ?

Article utile

Article non utileNo

Vous souhaitez nous laisser un commentaire concernant cet article ?

Si cela concerne une erreur dans la documentation ou un manque d'informations, n'hésitez pas à nous en faire part depuis le formulaire.

Pour toute question non liée à cette documentation ou problème technique sur l'un de vos services, contactez le support commercial ou le support technique

MerciMerci ! N'hésitez pas à poser des questions sur nos documentations si vous souhaitez plus d'informations et nous aider à les améliorer.


Vous avez noté 0 étoile(s)

Artículos similares

2mn lectura

¿Cómo instalo el plugin de afiliación de LWS en WordPress?

3mn lectura

¿Cómo instalo el plugin LWS SMS para WooCommerce en WordPress?

0mn lectura

¿Cómo limpio mi sitio WordPress con LWS Cleaner?

0mn lectura

¿Cómo pueden las herramientas del LWS facilitar la gestión de WordPress?


Formule una pregunta al equipo de LWS y a su comunidad