jQuery est une bibliothèque Javascript permettant d’interagir sur le code HTML et CSS. Si votre thème l’utilise, ou que vous avez besoin de le charger pour mettre en place des animations sur votre site, voici comment optimiser son intégration.

Par exemple sur WP Marmite, jQuery est chargé depuis le dossier wp-includes de WordPress:

chargement jquery wpmarmite
Le lien vers JQuery dans le code source de WP Marmite

Pour accélérer le chargement de votre site, de JQuery, et ne pas surcharger votre propre serveur, vous pouvez directement charger ce fichier depuis les serveurs puissants de Google en utilisant leur CDN (Content Delivery Network).

Pour faire simple, lorsque votre site aura besoin de ce fichier, il sera appelé depuis les serveurs de Google. Cela va d’une part réduire la bande passante utilisée par votre serveur, et d’autre part vous permettre de profiter des serveurs ultra-rapides du géant du web.

add_action( 'init', 'wpm_jquery' );

function wpm_jquery() {
if ( !is_admin() ) {
//La fonction supprime l'utilisation du fichier original de JQuery sur votre serveur
    wp_deregister_script( 'jquery' );
//Elle enregistre alors le nouvel emplacement de JQuery, chargé depuis le CDN de Google
    wp_register_script( 'jquery', ( 'https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js' ), false, null, true );
//La fonction charge JQuery
    wp_enqueue_script( 'jquery' );
   }
}

Intégrez le code suivant dans le fichier functions.php de votre thème enfant.

L’inconvénient de cette méthode est qu’il vous faudra mettre à jour de temps en temps la version de jQuery à charger.

Pour cela, rendez-vous sur ce site pour obtenir le lien de la dernière version de jQuery disponible.

Et voilà, votre site sera un peu plus rapide à présent !