WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting
No Result
View All Result
WordPress Directo
No Result
View All Result

Mover jQuery al pie de página en WordPress: Mejora tu rendimiento para SEO

MyR by MyR
18 diciembre 2024
in Código fuente, SEO
Reading Time: 3 mins read
0

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:

Artículos relacionados

Cómo optimizar su SEO en su sitio web WordPress

9 julio 2021

Cambiar la URL de búsquedas en WordPress

5 marzo 2012

Uso de Propiedades Personalizadas de CSS con theme.json en WordPress

18 febrero 2025

Adaptación de imágenes a la resolución para WordPress

13 abril 2012
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.

ShareTweetSendSharePin
MyR

MyR

Te puede interesar...

SEO

SEO técnico en WordPress: auditoría, plugins y prácticas imprescindibles

3 julio 2025

El SEO técnico ha pasado de ser un detalle opcional a convertirse en la...

Código fuente

¿Por qué actualizar a PHP 8.4 en tu WordPress? Ventajas y comparativa con PHP 7.4

10 junio 2025

WordPress y la importancia del motor PHP WordPress depende directamente de PHP para funcionar....

Código fuente

“Syntax-highlighting Code Block”: un aliado para desarrolladores en WordPress que apuesta por el rendimiento y la simplicidad

3 junio 2025

El plugin mejora el bloque de código estándar con resaltado sintáctico desde el servidor,...

Noticias

Qué son los Hooks en WordPress y cómo usarlos para personalizar tu sitio sin tocar el núcleo

16 mayo 2025

Los hooks (ganchos) son una de las herramientas más potentes y versátiles de WordPress...

No Result
View All Result
Plugin Imagify, optimizar imágenes
wordpress hosting NVME
Elegant Themes WordPress
elementor editor plugin




Últimos artículos

Cómo añadir un icono a los links externos en WordPress

16 noviembre 2015

Cómo mostrar citas aleatorias en el sidebar de WordPress

16 enero 2018

La evolución del negocio de plugins en WordPress: De los gratis al pago recurrente

18 diciembre 2024

Implementación de un firewall en .htaccess para mejorar la seguridad de WordPress

18 diciembre 2024

Cómo mostrar reviews de TripAdvisor en WordPress

18 octubre 2019
WordPress Directo

WPDirecto.com es una revista especializada en WordPress y WooCommerce que ofrece una amplia gama de recursos, incluyendo tutoriales, análisis de plugins y plantillas, consejos de optimización y estrategias de SEO, para ayudar a los usuarios a mejorar y personalizar sus sitios web, manteniéndolos informados sobre las últimas novedades y tendencias en el mundo de WordPress.

Menu

  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

Información

WPDirecto es un medio de Medios y Redes:
  • Artículos patrocinados
  • Servicio de diseño web
  • Contacto
  • Acerca de MyR
  • Política de privacidad y cookies
  • Aviso Legal

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.

No Result
View All Result
  • Tutoriales
  • Plugins
  • Plantillas
  • Optimización
  • SEO
  • WordPress Hosting

© 1995-2025 Color Vivo Internet, SLU (Medios y Redes Online).. Otros contenidos se cita fuente. Infraestructura cloud servidores dedicados de Stackscale.