Cómo reemplazar el script jQuery predeterminado de WordPress con la biblioteca de Google

¿Quieres sustituir el script jQuery predeterminado de WordPress por jQuery de las Bibliotecas Alojadas de Google?

WordPress incluye jQuery con el software principal por defecto. Sin embargo, sustituirlo por la última versión de jQuery de la biblioteca de Google puede mejorar el rendimiento

En este artículo, te mostraremos cómo sustituir fácilmente el script jQuery predeterminado de WordPress por la biblioteca de Google para mejorar el rendimiento y la velocidad

Por qué y cuándo debes reemplazar el jQuery predeterminado de WordPress

jQuery es una popular biblioteca de JavaScript utilizada por los desarrolladores para crear hermosas aplicaciones web. Se utiliza con bastante frecuencia en WordPress para añadir funciones como deslizadores, ventanas emergentes y mucho más.

WordPress incluye una biblioteca jQuery empaquetada con el núcleo del software de WordPress. Muchos de los principales plugins de WordPress y los temas más populares de WordPress se basan en esta biblioteca para obtener funciones y características esenciales

Sin embargo, cargar jQuery en un servidor de alojamiento compartido puede consumir muchos recursos y ralentizar tu sitio, especialmente si utilizas algún tema o plugin de WordPress mal codificado que no siga las mejores prácticas de WordPress.

Otro problema de utilizar la versión de jQuery que se incluye con WordPress es que no se actualiza a menos que WordPress lo haga. Podría haber versiones más nuevas de jQuery con correcciones de rendimiento o seguridad, pero no tendrás acceso a ellas hasta que se incluyan en una actualización de WordPress.

Hay algunas soluciones para solucionar esto. Por ejemplo, puedes cargar jQuery a través de los servidores de Google o del CDN oficial de jQuery

Las Bibliotecas Alojadas de Google son una buena opción porque sus servidores son estables, están actualizados y altamente optimizados para la velocidad, lo que permite que jQuery se cargue mucho más rápido en tu sitio de WordPress.

Dicho esto, vamos a ver cómo sustituir fácilmente el jQuery predeterminado de WordPress por la biblioteca de Google

Sustituir el jQuery predeterminado de WordPress por la biblioteca de Google

WordPress viene con un método incorporado para añadir fácilmente scripts y hojas de estilo. Esto también te permite eliminar de forma segura cualquier script u hoja de estilo que se cargue con el método incorporado

Utilizaremos este método para desactivar primero el jQuery por defecto de WordPress. Después, le diremos a WordPress que cargue jQuery a través de la biblioteca de Google

Tendrás que añadir el siguiente código al archivo functions.php de tu tema o a un plugin específico del sitio

function wpb_modify_jquery() {
	//check if front-end is being viewed
	if (!is_admin()) {
		// Remove default WordPress jQuery
        wp_deregister_script('jquery');
		// Register new jQuery script via Google Library	
        wp_register_script('jquery', 'https://ajax.googleapis.com/ajax/libs/jquery/3.6.0/jquery.min.js', false, '3.6.0');
		// Enqueue the script 	
        wp_enqueue_script('jquery');
    }
}
// Execute the action when WordPress is initialized
add_action('init', 'wpb_modify_jquery');

¡Eso es todo! Ahora WordPress sustituirá el jQuery por defecto y lo cargará a través de la biblioteca de Google.

Nota: Este método seguirá cargando la versión de jQuery mencionada en la URL. En el futuro, es posible que tengas que cambiar la URL de la biblioteca de Google para utilizar una versión más reciente de jQuery.

Google no actualizará automáticamente el número de versión por ti porque podría causar problemas de compatibilidad si tu tema o tus plugins dependen de una versión diferente.

Puedes encontrar la última URL visitando la página Bibliotecas alojadas en Google de Google. Desde allí, también puedes encontrar las URL de las versiones más antiguas de jQuery, que puedes utilizar para solucionar problemas si es necesario

Sustitución de otras bibliotecas jQuery por defecto

Aparte de la biblioteca principal de jQuery, WordPress también incluye un montón de otros scripts de jQuery. Algunos de estos scripts, como jQuery Mobile y jQuery UI, están alojados en la biblioteca de Google.

Para otras bibliotecas, puedes utilizar los servidores CDN propios de jQuery para cargarlas mucho más rápido. En el siguiente ejemplo, hemos sustituido el script jquery-ui-core de WordPress por la versión oficial de jquery-ui

function wpb_modify_jquery_ui() {
if (!is_admin()) {
wp_deregister_script('jquery-ui-core');
wp_register_script('jquery-ui-core', 'https://code.jquery.com/ui/1.12.1/jquery-ui.min.js', false, '1.12.1');
wp_enqueue_script('jquery-ui-core');
    }
}
add_action('init', 'wpb_modify_jquery_ui');

Al igual que las bibliotecas de Google, tendrás que sustituir la URL después de un tiempo para utilizar la última versión del script

Desactivar completamente jQuery en WordPress

Debido a su amplio uso, no recomendamos desactivar completamente jQuery en tu sitio web de WordPress. Incluso si tu tema de WordPress no utiliza jQuery, muchos plugins populares de WordPress siguen necesitándolo

Sin embargo, si estás seguro de que tu sitio web no necesita jQuery, puedes desactivarlo con seguridad. Simplemente añade el siguiente código al archivo de funciones de tu tema o a un plugin de WordPress específico del sitio

if ( !is_admin() ) wp_deregister_script('jquery');

Eso es todo. Este código simplemente desactiva la carga de la secuencia de comandos jQuery en la parte frontal de tu sitio web de WordPress

Solución de problemas relacionados con jQuery en WordPress

Las nuevas versiones de jQuery pueden a veces dejar de utilizar, o eliminar, métodos y funciones antiguos. Si un plugin de WordPress en tu sitio web utiliza un método antiguo, entonces esto podría romper las cosas.

Es posible que notes advertencias en el área de la consola de la herramienta de inspección, o que notes que algunas funciones han dejado de funcionar.

WordPress solía utilizar un script llamado jQuery-migrate para proporcionar compatibilidad de copia de seguridad con versiones antiguas de jQuery. Sin embargo, desde WordPress 5.5 este script ha sido retirado de WordPress.

Si quieres volver a añadir el script jQuery-migrate o solucionar problemas entre diferentes versiones de jQuery, puedes probar el siguiente método.

Simplemente instala y activa el Control de versiones para jQuery plugin. Para más detalles, consulta nuestra guía paso a paso sobre cómo instalar un plugin de WordPress.

Tras la activación, tienes que visitar la página Configuración " Control de versiones de jQuery página. Desde aquí, puedes elegir la versión de jQuery que quieres utilizar.

El plugin cargará automáticamente esa versión desde el CDN oficial de jQuery

El plugin también cargará el script jQuery migrate. Si quieres, puedes desactivarlo durante la resolución de problemas

No te olvides de hacer clic en el botón de guardar los cambios para guardar los cambios

Esperamos que este artículo te haya ayudado a aprender a sustituir el jQuery predeterminado de WordPress por la biblioteca de Google. Quizás también quieras ver estos útiles tutoriales de jQuery para usuarios de WordPress o ver nuestra completa guía de optimización del rendimiento de WordPress

Si te ha gustado este artículo, suscríbete a nuestro Canal de YouTube para los videotutoriales de WordPress. También puedes encontrarnos en Twitter y Facebook.