¿Que es jQuery Migrate y para qué sirve?

jQuery Migrate es una librería de javascript que sirve para que el código desarrollado para versiones anteriores a jQuery 1.9, siga siendo compatible con versiones más actuales.

En esencia, lo que hace es mantener funcionalidades que ya no se usan en versiones más modernas para que el código creado para versiones antiguas siga funcionando.

jQuery Migrate empezó a incluirse en WordPress 3.6 y se incluye en todas las páginas independitemente de si es necesario o no.

¿Cuando es necesario jQuery Migrate?

Si estás usando plugins o plantillas que llevan sin actualizarse mucho tiempo y por algún motivo no puedes actualizarlos, es posible que estés en uno de esos casos en los que mantener jQuery Migrate sea una buena idea.

Por lo general es una buena práctica mantener los plugins y plantillas actualizados. Las nuevas versiones arreglan «bugs», introducen mejoras y se mantienen actualizados con las últimas versiones de las librerías que utilizan.

Si no estás seguro de si tus plugins o plantillas son muy antiguos, siempre puedes probar a quitar jQuery Migrate y en caso de encontrar errores, volverlo a poner de vuelta. Es un procedimiento bastante sencillo.

¿Porque quitar jQuery Migrate de WordPress?

  • Cualquier carga de código innecesaria es ralentizar la página sin motivo. Cada archivo es una llamada extra, y el tiempo de carga es oro.
  • Es mejor mantener al día tu código que tener un archivo para que tu código siga siendo usable.
  • Las mejoras en las librerías como jQuery entre otras cosas, mejoran el rendimiento, y eso es algo que quieres para tu web.

¿Cómo quitar jQuery Migrate de WordPress? – Sin Plugins

Quitar jQuery Migrate de WordPress es bastante fácil, vamos a ver los pasos que hay que seguir:

Pasos para quitar jQuery Migrate de WordPress

  • Paso 1. Descargar el archivo «function.php» a tu ordenador con un cliente ftp. Este archivo se encuentra en «midominio.com/wp-content/themes/NOMBRE_PLANTILLA/function.php»
  • Paso 2. Añade el siguiente código al final del archivo «function.php»:
function remove_jquery_migrate($scripts){
   if (!is_admin() && isset($scripts->registered['jquery'])) {
      $script = $scripts->registered['jquery'];
                    
      if ($script->deps) {
         // Check whether the script has any dependencies
         $script->deps = array_diff($script->deps, array(
            'jquery-migrate'
         ));
      }
   }
}
add_action('wp_default_scripts', 'remove_jquery_migrate');
  • Paso 3. Vuleve a subir el archivo y comprueba que todo funciona correctamente.

¿Cómo quitar jQuery Migrate de WordPress? – Con Plugins

No recomiendo quitar jQuery Migrate con plugins porque es muy sencillo de quitar y los plungins mal creados o desactualizados pueden dar problemas, pero si no quieres complicarte la vida los más minimo aquí tienes algún plugin que hará por ti la faena sucia.

¿Cómo saber si necesito jQuery Migrate en WordPress?

Si no sabes si puedes quitar jQuery Migrate sin que te de errores, lo mejor que puedes hacer es ver la consola del navegador para ver si tienes errores relacionados con funciones que no existen en jQuery. Tambien puedes activar el modo «debug» de wordpress para que te avise si encuentra errores. Veamos como hacerlo:

Activar el modo debug en WordPress

Para activar el modo debug tenemos que editar el archivo «wp-config» de la raiz de tu instalación de wordpress

  • Paso 1. Descarga el archivo «wp-config.php» de la raiz de tu sitio con un cliente ftp y abre el archivo.
  • Paso 2. Busca la línea de codigo donde pone:
    define('WP_DEBUG', false);
  • Paso 3. Cambia «false» por «true» para activar el modo «debug» de wordpress y guarda el archivo
  • Paso 4. Vuelve a subir el archivo

Cuando hayas terminado de revisar los errores, es recomendable que desactives el modo «debug» haciendo el mismo proceso pero cambiando «true» por «false», para asegurarte que los visitantes de tu web no vean mensajes de error.

Mostrar la consola del navegador en los principales navegadores

Cada navegador tiene una manera de mostrar la consola. Vamos a ver como mostrarla para los principales navegadores:

  • Chrome: Presionar las teclas Crtl + Mayús + I o ir al Menú > Más Herramientas > Herramientas para desarrolladores > Console
  • Firefox: Presionar Ctrl + Mayús + J o ir al Menú > Desarrollador Web > Consola del Navegador
  • Internet Explorer: F12 > Consola o ir al Menú > Herramientas de desarrollo > Consola
  • Edge: F12 > Consola o ir al Menú > Más Herramientas > Herramientas de desarrollo > Consola