Voulez-vous remplacer le script jQuery WordPress par défaut par jQuery des bibliothèques hébergées par Google ?
WordPress inclut jQuery avec le logiciel de base par défaut. Cependant, le remplacer par la dernière version de jQuery de la bibliothèque Google peut améliorer les performances.
Dans cet article, nous allons vous montrer comment remplacer facilement le script jQuery WordPress par défaut par la bibliothèque Google pour améliorer les performances et la vitesse.
Pourquoi et quand remplacer WordPress jQuery par défaut
jQuery est une bibliothèque JavaScript populaire utilisée par les développeurs pour créer de belles applications Web. Il est assez souvent utilisé dans WordPress pour ajouter des fonctionnalités telles que des curseurs, des fenêtres contextuelles et bien plus encore.
WordPress comprend une bibliothèque jQuery fournie avec le logiciel WordPress de base. La plupart des meilleurs plugins WordPress et des thèmes WordPress les plus populaires s’appuient sur cette bibliothèque pour des fonctionnalités et des fonctionnalités essentielles.
Cependant, le chargement de jQuery sur un serveur d’hébergement partagé peut être gourmand en ressources et ralentir votre site, surtout si vous utilisez des thèmes ou des plugins WordPress mal codés qui ne suivent pas les meilleures pratiques WordPress.
Un autre problème lié à l’utilisation de la version jQuery incluse avec WordPress est qu’elle ne sera pas mise à jour à moins que WordPress ne la mette à jour. Il pourrait y avoir des versions plus récentes de jQuery avec des correctifs de performances ou de sécurité, mais vous n’y aurez pas accès tant qu’elles ne seront pas incluses dans une mise à jour WordPress.
Il existe quelques solutions de contournement pour résoudre ce problème. Par exemple, vous pouvez charger jQuery via les serveurs Google ou le CDN officiel de jQuery.
Les bibliothèques hébergées par Google sont un bon choix car leurs serveurs sont stables, mis à jour et hautement optimisés pour la vitesse, ce qui permet à jQuery de se charger beaucoup plus rapidement sur votre site WordPress.
Cela étant dit, voyons comment remplacer facilement le jQuery WordPress par défaut par la bibliothèque Google.
Remplacer jQuery WordPress par défaut par la bibliothèque Google
WordPress est livré avec une méthode intégrée pour ajouter facilement des scripts et des feuilles de style. Cela vous permet également de supprimer en toute sécurité tous les scripts ou feuilles de style chargés à l’aide de la méthode intégrée.
Nous utiliserons cette méthode pour d’abord désactiver le jQuery par défaut de WordPress. Après cela, nous dirons à WordPress de charger jQuery via la bibliothèque Google.
Vous devrez ajouter le code suivant au fichier functions.php de votre thème ou à un plugin spécifique au site.
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');
C’est tout! WordPress va maintenant remplacer le jQuery par défaut et le charger via la bibliothèque Google à la place.
Noter: Cette méthode continuera à charger la version jQuery mentionnée dans l’URL. À l’avenir, vous devrez peut-être modifier l’URL de la bibliothèque Google pour utiliser une version plus récente de jQuery.
Google ne mettra pas automatiquement à jour le numéro de version pour vous, car cela pourrait entraîner des problèmes de compatibilité si votre thème ou vos plugins reposent sur une version différente.
Vous pouvez trouver la dernière URL en visitant le Bibliothèques hébergées par Google site Internet. À partir de là, vous pouvez également trouver les URL des anciennes versions de jQuery que vous pouvez utiliser pour le dépannage si nécessaire.
Remplacement d’autres bibliothèques jQuery par défaut
Outre la bibliothèque principale jQuery, WordPress inclut également un tas d’autres scripts jQuery. Certains de ces scripts, comme jQuery Mobile et jQuery UI, sont hébergés sur la bibliothèque Google.
Pour les autres bibliothèques, vous pouvez utiliser les propres serveurs CDN de jQuery pour les charger beaucoup plus rapidement. Dans l’exemple suivant, nous avons remplacé le script WordPress jquery-ui-core par la version officielle 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');
Tout comme les bibliothèques Google, vous devrez remplacer l’URL après un certain temps pour utiliser la dernière version du script.
Désactiver complètement jQuery dans WordPress
En raison de sa large utilisation, nous ne recommandons pas de désactiver complètement jQuery sur votre site WordPress. Même si votre thème WordPress n’utilise pas jQuery, de nombreux plugins WordPress populaires en ont encore besoin.
Cependant, si vous êtes certain que votre site Web n’a pas besoin de jQuery, vous pouvez le désactiver en toute sécurité. Ajoutez simplement le code suivant au fichier de fonctions de votre thème ou à un plugin WordPress spécifique au site.
if ( !is_admin() ) wp_deregister_script('jquery');
C’est tout. Ce code désactive simplement le chargement du script jQuery sur le front-end de votre site Web WordPress.
Dépannage des problèmes liés à jQuery dans WordPress
Les nouvelles versions de jQuery peuvent parfois déprécier ou supprimer les anciennes méthodes et fonctions. Si un plugin WordPress sur votre site Web utilise une méthode plus ancienne, cela pourrait potentiellement casser les choses.
Vous remarquerez peut-être des avertissements dans la zone Console de l’outil Inspecter, ou vous remarquerez peut-être que certaines fonctionnalités viennent de cesser de fonctionner.
WordPress utilisait un script appelé jQuery-migrate pour fournir une compatibilité de sauvegarde avec les anciennes versions de jQuery. Cependant, depuis WordPress 5.5, ce script a été retiré de WordPress.
Si vous souhaitez rajouter le script jQuery-migrate ou dépanner entre différentes versions de jQuery, vous pouvez essayer la méthode suivante.
Installez et activez simplement le Contrôle de version pour jQuery brancher. Pour plus de détails, consultez notre guide étape par étape sur la façon d’installer un plugin WordPress.
Lors de l’activation, vous devez visiter le Paramètres » Contrôle de version jQuery page. De là, vous pouvez choisir la version jQuery que vous souhaitez utiliser.
Le plugin chargera automatiquement cette version à partir du CDN officiel de jQuery.
Le plugin chargera également le script de migration jQuery. Si vous le souhaitez, vous pouvez le désactiver pendant le dépannage.
N’oubliez pas de cliquer sur le bouton Enregistrer les modifications pour enregistrer vos modifications.
Nous espérons que cet article vous a aidé à apprendre comment remplacer le jQuery WordPress par défaut par la bibliothèque Google. Vous pouvez également consulter ces didacticiels jQuery utiles pour les utilisateurs de WordPress ou consulter notre guide complet d’optimisation des performances de WordPress.