Cómo podemos cargar jquery desde los servidores de Google

Esta semana aprenderemos a cargar jquery desde los servidores de Google, lo que nos ayudará a que nuestra web cargue un poquito más rápido. En las últimas semanas hemos visto algunos trucos para hacer que nuestra web cargue más rápido, algunas cosas podemos hacerlas nosotros directamente desde nuestro WordPress, y otras tenemos que hacerlas desde nuestro hosting.

En esta ocasión veremos un código muy sencillo y que podemos añadir nosotros directamente a nuestro WordPress, un código muy sencillo y útil si queremos que nuestra web cargue lo más rápido posible.

Código que vamos a utilizar

asdfasf

/* Usamos las funciones recomendadas para agregar script : wp_enqueue_script('jquery'); en nuestro header */
function wpsnippet_jquery_enqueue() {
wp_deregister_script('jquery');
wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js", false, null);
wp_enqueue_script('jquery');
}
if (!is_admin()) add_action("wp_enqueue_scripts", "wpsnippet_jquery_enqueue", 11);

Y como siempre, vamos a explicar lo que hace este código.

Lo primero que hacemos es utilizar las función recomendada para agregar scripts a nuestro header, la función es wp_enqueue_script(‘jquery’);

Con esta función estaremos poniendo este script en cola de carga y llegado el momento, cargándolo desde los propios servidores de Google, con la función wp_register_script.

Además, la carga se realizara en paralelo, es decir, nuestro visitante no tendrá que esperar a que se cargue jquery para ver la página, todos se cargaran en paralelo, con lo que ahorraremos tiempo mostrando los contenidos de nuestra web.

¿Dónde tenemos que poner este código?

Si eres seguidor del blog, ya sabes cual es la respuesta:

• Podemos pegarlo directamente en el archivo functions.php de tu tema activo (ya sabes que no te lo recomiendo, ya que cuando actualices tu tema, se actualizará también este archivo y desaparecerán los cambios que hayas hecho).
• También podemos pegarlo en un plugin de funciones. Una opción muy buena y muy aconsejable.
• Y por último, podemos colocarlo en un plugin de snippets, como por ejemplo Code Snippets.