Comment différer l’analyse de JavaScript dans WordPress ?

Différer l’analyse de JavaScript dans WordPress est une méthode efficace pour accélérer le temps de chargement de votre site. En effet, cette action permet de charger d’abord le contenu principal du site puis d’afficher ensuite JavaScript. Il existe plusieurs manières de différer l’analyse de JavaScript dans WordPress.

Prérequis

• Un site WordPress actif.
• Accès au tableau de bord WordPress.
• Connaissances de base sur les plugins ou la gestion de fichiers.

Une solution clés en main pour créer un site WordPress ?

LWS vous conseille sa formule d’hébergement WordPress en promotion à -20% (offre à partir de 3,99€ par mois au lieu de 4,99 €). Non seulement les performances sont au rendez-vous mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Pourquoi différer l’analyse de JavaScript ?

Différer l’analyse de JavaScript signifie que certains fichiers JavaScript ne seront chargés qu’après le rendu du contenu principal de votre site. Cela améliore considérablement les performances en donnant la priorité à l’affichage des éléments essentiels avant le reste.

Cela peut également aider à améliorer votre score dans les outils comme Google PageSpeed Insights et renforcer l’expérience utilisateur.

Les étapes à suivre pour différer l’analyse

Pour différer l’analyse de JavaScript dans WordPress, il faut d’abord analyser le site, puis différer l’analyse de JavaScript, et enfin tester les modifications.

Analyser le site

Vous ne savez pas si vous devriez différer l’analyse de JavaScript dans votre site Web WordPress, analysez-le à l’aide d’outils de test de vitesse de site comme GTmetrix. Voici le résultat des performances d’un site web avant de différer l’analyse de JavaScript.

Pour différer l’analyse de JavaScript, vous avez deux choix, soit installer un plugin, soit ajouter un extrait de code manuellement.

Utiliser une extension

L’utilisation d’une extension WordPress est l’une des pratiques les plus aisées à accomplir pour différer l’analyse JavaScript. Vous pouvez par exemple télécharger, installer et activer l’extension Speed ​​Booster Pack, qui est l’un des plugins les plus populaires pour différer l’analyse de JavaScript dans WordPress. Une fois ces tâches accomplies, il ne vous reste plus qu’à suivre ces instructions :

Tout d’abord, vous devez accéder à votre tableau de bord, puis accédez à Speed ​​​​Booster se trouvant sur la barre latérale gauche. Cliquez sur « Actifs » et chercher « Optimiser JavaScript ». Si vous voulez tout différer, appuyez sur “Tout”. Pour exclure certains JavaScript, il suffit de choisir l’option « Personnalisé ». Quand vous avez terminé, appuyez sur Enregistrer.

Modifier le fichier functions.php

Il est également possible de différer l’analyse de JavaScript avec functions.php. La tâche se fera manuellement. Cette action se fait en modifiant l’un des fichiers principaux de WordPress. Avant de commencer, assurez-vous de sauvegarder votre site Web.

Besoin d'une solution de sauvegardes en ligne ?

LWS vous conseille sa formule de sauvegarde Cloud Drive en promotion à -50% (offre à partir de 3,99€ par mois au lieu de 7,99 €). Non seulement vos données sont sauvegardées en France mais vous profitez en plus d’un support exceptionnel.

Découvrir l'offre

Pour commencer, accédez à votre espace d’administration WordPress. Dans « Apparence » puis « Éditeur de fichier de thème ». L’onglet d’éditeur de fichiers des thèmes ouvert, cliquer sur functions.php.

Pour différer l’analyse de JavaScript, il faut saisir ce code en bas du fichier :

function defer_parsing_of_js( $url ) {     
if ( FALSE === strpos( $url, '.js' ) ) return $url;     
if ( strpos( $url, 'jquery.js' ) ) return $url;     
return "$url' defer "; 
} 
add_filter( 'clean_url', 'defer_parsing_of_js', 11, 1 );

Quand vous aurez terminé, n’oubliez pas d’enregistrer vos modifications en sélectionnant l’option « Mettre à jour le fichier ».

Comment différer l’analyse de JavaScript via LWS ?

Avec WP Manager de LWS

1. Connectez-vous à votre espace client LWS.
2. Accédez à WP Manager et sélectionnez votre site WordPress.
3. Depuis WP Manager, utilisez les options pratiques pour :
   • Accéder rapidement au tableau de bord WordPress.
   • Installer et gérer facilement des plugins, y compris ceux dédiés à l’optimisation.
   • Activer des outils comme LWS Optimize ou LWS Cache, qui contribuent à améliorer les performances globales de votre site.

Ces plugins peuvent être configurés pour optimiser les scripts JavaScript et améliorer le temps de chargement de vos pages.

Avec un plugin WordPress tiers

1. Installez et activez un plugin comme Autoptimize ou Async JavaScript via le tableau de bord WordPress.
2. Accédez aux paramètres du plugin.
3. Activez les options pour différer les scripts JavaScript.
4. Testez votre site pour vous assurer que tout fonctionne correctement.

L’utilisation conjointe des outils LWS et de plugins d’optimisation tiers vous permet d’obtenir des résultats rapides et efficaces.

Résultat après avoir différé l’analyse

Après avoir choisi et appliqué les méthodes citées ci-dessus, vous devez réanalyser votre site avec GTmetrix.

Conclusion

Vous savez maintenant comment améliorer les performances de votre site en différant l’analyse de JavaScript. Comme vous le savez, vous pouvez utiliser des extensions ou bien ajouter un extrait de code au fichier functions.php du thème. Si le second vous semble plus ardu, pensez aux extensions, il est recommandé d’utiliser l’ajout d’extrait de code au fichier functions.php si, et seulement si, vous n’avez pas d’autres choix.

Plus rapide sera le temps de chargement de votre site web, plus grande sera l’expérience utilisateur et meilleur sera le classement SEO.🚀

Que pensez-vous de ses astuces, est-ce que cela a fonctionné pour vous ? Dites en plus dans les commentaires.👇