PageSpeed Insights vous ait averti de la nécessité de « différer l'analyse JavaScript » lors d'un test de vitesse de site web. Voici comment résoudre ce problème facilement sous WordPress.
Différer JavaScript dans WordPress
Il existe trois méthodes principales pour différer l'analyse du JavaScript dans WordPress. Un plugin WordPress constitue une excellente solution pour reporter cette analyse. Vous trouverez des plugins gratuits et payants pour cela. À l'aide de deux plugins populaires, nous allons vous montrer précisément comment procéder.
L'utilisation de la méthode Varvy est une option si vous êtes un utilisateur averti et que vous êtes prêt à modifier directement le code de votre site pour utiliser l'extrait de code de Varvy.
Il est également possible de différer automatiquement le chargement des scripts dans le fichier functions.php de votre thème enfant en y ajoutant un petit extrait de code. Commençons par la première méthode :
1. Plugin JavaScript asynchrone gratuit
Frank Goossens a créé un plugin WordPress gratuit appelé Async JavaScript, développé par le même gars à l'origine du plugin viral Autoptimize.
Grâce à cela, vous pouvez simplement différer l'analyse JavaScript en utilisant les méthodes async ou defer.
Pour commencer, installez et activez l'extension gratuite disponible sur WordPress.org. Vous pourrez ensuite la configurer dans la section « JavaScript asynchrone » de la page « Réglages ».
En haut, vous pouvez activer les fonctionnalités du plugin et choisir entre asynchrone et différé.
Lors d'un téléchargement asynchrone, JavaScript est téléchargé pendant que le HTML est encore analysé, mais l'analyse du HTML est interrompue pour exécuter JavaScript.
Cette fonctionnalité permet de télécharger du JavaScript pendant que le HTML est encore en cours d'analyse et d'attendre que le HTML soit analysé pour l'exécuter.
Vous pouvez choisir comment jQuery sera géré plus bas sur la page. Reporter l'analyse des scripts jQuery peut perturber le fonctionnement principal de votre site web. Par sécurité, il est préférable d'exclure jQuery. Cependant, si vous souhaitez expérimenter avec le report de son analyse, c'est tout à fait possible. Testez votre site web avant sa mise en ligne.
Il existe également une fonctionnalité conviviale qui permet de cibler des thèmes ou des plugins spécifiques actifs sur votre site en choisissant s'ils doivent être différés ou non, ainsi que la possibilité d'inclure ou d'exclure manuellement des scripts spécifiques du délai.
2. Utilisez le plugin WP Rocket
Le plugin WP Rocket est l'un des rares plugins de mise en cache que nous autorisons car il intègre nativement une mise en cache au niveau du serveur qui s'intègre parfaitement avec le plugin WP Rocket.
L'onglet « Optimisation des fichiers » du tableau de bord WP Rocket propose de nombreuses options d'optimisation des performances, notamment la possibilité de différer l'analyse du JavaScript (accessible via l'onglet « Performances »). Dans la section « Fichiers JavaScript », vous trouverez l'option « Charger le JavaScript en différé ».
Utilisez la méthode recommandée par Varvy
Plus tôt dans cet article, nous avons mentionné que Patrick Sexton de Varvy recommandait d'utiliser un extrait de code qui attendrait que le chargement initial de votre site soit terminé avant de télécharger et d'exécuter JavaScript.
En modifiant légèrement l'extrait de code fourni par Varvy, puis en ajoutant le script directement avant la balise de fermeture de la balise body, vous pouvez implémenter cette méthode en utilisant l'extrait de code fourni par Varvy comme modèle.
Vous trouverez d'autres articles de ce type sur le blog de Seahawk Media .
Vous souhaitez optimiser la vitesse de votre site WordPress ? Optez pour notre service d’optimisation de la vitesse WordPress .
