Las actualizaciones de Google hacen que tengamos que estar siempre trabajando en nuestro WordPress para posicionarlo lo mejor posible. Uno de los desafíos más comunes es enfrentar la advertencia de Google Page Speed sobre los recursos que bloquean el renderizado, comúnmente causada por JQuery. En WordPress, estos archivos se cargan por defecto en el encabezado de tu sitio, pero es posible moverlos al pie de página para mejorar el rendimiento y eliminar la advertencia en Google PageSpeed.

¿Por qué WordPress carga JQuery en la cabecera?

La inclusión de JQuery en el encabezado de WordPress se remonta a los inicios de la plataforma, cuando la práctica común era cargar estos archivos en esa sección. Muchos plugins dependen de JQuery y esperan que esté disponible en el encabezado. Si JQuery se carga después de los archivos JS de estos plugins, podrían surgir errores JavaScript en el sitio. Por ello, es crucial revisar la compatibilidad de tus temas y plugins con la reubicación de JQuery antes de proceder.

Mover JQuery al pie de tu web en WordPress

Para quienes estén seguros de que sus temas y plugins no se verán afectados negativamente, mover JQuery al pie de página puede realizarse fácilmente mediante un fragmento de código:

function wpdirecto_move_jquery_to_footer() {
    wp_scripts()->add_data( 'jquery', 'group', 1 );
    wp_scripts()->add_data( 'jquery-core', 'group', 1 );
    wp_scripts()->add_data( 'jquery-migrate', 'group', 1 );
}
add_action( 'wp_enqueue_scripts', 'wpdirecto_move_jquery_to_footer' );

Este código puede insertarse en el archivo functions.php del tema hijo o el tema principal.

Consideraciones importantes

Antes de realizar este cambio, es vital verificar si tus temas y plugins funcionan correctamente sin JQuery en el encabezado. Si no estás seguro, contacta directamente a los desarrolladores de tus temas y plugins para confirmar su compatibilidad.

Una vez implementado el cambio, realiza pruebas exhaustivas en tu sitio. Verifica que todas las funciones y elementos visuales funcionen correctamente. Presta especial atención a aquellas características que dependen de JavaScript y JQuery, como sliders, menús desplegables y formularios.

Beneficios de mover JQuery al pie

Mover JQuery al footer tiene ventajas significativas:

1. Mejora el Rendimiento de la Página: Al cargar JQuery en el footer, permites que el contenido visual y el texto de tu página se carguen primero, lo que puede mejorar la velocidad de carga percibida por el usuario.
2. Cumplimiento con Google PageSpeed: Al eliminar los recursos que bloquean el renderizado, mejoras la puntuación de tu sitio en las herramientas de análisis de Google, lo que puede tener un impacto positivo en el SEO.
3. Optimización del Sitio: Reduces la cantidad de código JavaScript que se debe cargar y ejecutar antes de que el contenido de la página sea visible, lo que resulta en una experiencia de usuario más rápida y fluida.

La optimización de recursos como JQuery es un paso crucial en la mejora del rendimiento de tu sitio WordPress. Mover JQuery al footer es una técnica efectiva que, aunque requiere cuidadosa implementación y pruebas, puede ofrecer beneficios significativos en términos de velocidad de carga y cumplimiento de estándares de rendimiento web. Como siempre, asegúrate de realizar cambios técnicos de forma informada y cautelosa para mantener la funcionalidad y la estabilidad de tu sitio web.