brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read10mn de lecture

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

03 mars 2022

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.

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

Quand vous accédez à un site Web, votre navigateur traite le contenu et charge le code de haut en bas. Toutefois, s’il rencontre JavaScript, ce processus sera suspendu et attendra jusqu’à ce que le téléchargement de JavaScript soit totalement effectué. Cette situation prend beaucoup de temps pour charger la page et peut dissuader le lecteur à continuer sa navigation.

Différer l’analyse de JavaScript est la solution à ce problème. En effet, cette action permet au navigateur de charger la totalité du contenu sans être stoppée par le chargement des scripts. Il est donc sûr que JavaScript n’interrompra pas le chargement de votre site Web.

Ne pensez pas que JavaScript pourrait nuire au bon fonctionnement de votre site. Sachez qu’il apporte beaucoup de choses. En effet, il s’agit d’un élément web essentiel vous permettant d’élargir les fonctionnalités de votre site.
Différer l’analyse de JavaScript donne une meilleure expérience utilisateur puisque les visiteurs n’auront pas à attendre longtemps pour voir le contenu de votre site Web. Étant donné que le chargement du site devient plus rapide, l’exploration de Google se fera plus vite et le classement SEO de votre site s’améliorera en conséquence.

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.

 

résutat 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 « personnaliser ». Quand vous avez terminé, appuyez sur Enregistrer.

différer l’analyse de JavaScript dans WordPress

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.

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 );

Entrer le code pour différer l'analyse de JavaScript

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

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.
résultat après analyse de JavaScript différé

Vous remarquerez que votre site sera plus rapide.

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 marché pour vous ? Dites en plus dans les commentaires.

Avatar de l'auteur

Auteur de l'article

Tatiana

Tatiana est rédactrice web depuis cinq ans. Elle écrit sur des thèmes variés, mais ses prédilections sont le bricolage, les high-tech et l'e-commerce. Dynamisme, rigueur et polyvalence sont les maîtres mots de son comportement professionnel. Ce qui lui permet d'accomplir pleinement toutes les tâches qui lui sont confiées.

Avis client de l'hébergeur LWS

Nos avis Trustpilot Nos avis Hostadvice Nos avis sur avis.lws.fr
Avis trustpilot 30/04/2022

LWS l'hébergeur par excellence !

LWS est pour moi l'hébergeur par excellence, que cela soit au niveau de l'hébergement qui est très performant, les mails qui sont d'une qualité professionnelle et de la gestion du domaine facile à comprendre.

PauseGreen

Avis hostadvice 27/04/2022

Super, au top !

Au top, prix attractif. Service très rapide et réactif. Je l'ai même personnellement recommandé à des proches. La vie est bien plus facile avec LWS

Masset Eliot

Avis avislws 26/04/2022

Support

Clair, efficace, rapide et à tarif abordable. J'ai maintenant un site superbe à mon image, puisque je le fais moi-même. L'équipe technique est au top, j'ai une réponse en 20 minutes, cela change d'autres hébergeurs pourtant plus connu.

Lady Whip

Avis hostadvice 24/04/2022

Bravo et merci

Bravo et merci aux équipes techniques pour leur réactivité et leur professionnalisme depuis plus de 10 ans chez eux et de nombreux sites !!! Merci

Olivier Delmas

Avis trustpilot 23/04/2022

Je suis très satisfait.

J'ai commandé un hébergement pour le site d'une association. Tout s'est passé très rapidement et sans la moindre embuche. La tarification est attractive et me parait très claire. Le panneau d'administration de l'hébergement est facile à utiliser et à comprendre. Je n'ai pas encore installé Wordpress car le contenu n'est pas prêt mais ce sera la prochaine étape et je suis très confiant. Merci !

Pierre-André Liné

Avis avislws 20/04/2022

Un service technique excellent

Je suis client chez LWS depuis 2011 avec une boutique OSCommerce qui tourne comme une horloge depuis cette date sur un hébergement mutualisé. La disponibilité de la boutique est très proche de 100%. Concernant les rares problèmes rencontrés en huit ans, j’ai eu à chaque fois un technicien compétent qui a résolu le problème très rapidement et efficacement. Je suis en train de migrer sur une plateforme Pretashop sur un VPS, avec l’offre LWS Debian 9 et Prestashop. Un technicien m’a grandement aidé pour finaliser l’installation de la boutique lors de la mise à jour vers la dernière version de Prestashop 1.7 qui posait problème. Je suis très satisfait de LWS, et ce sur la durée : réponses et réactions rapides et efficaces. Je recommande cet hébergeur et encore merci.

Alain

Avis trustpilot 16/04/2022

Une expérience jamais égalée !

Étant Développeur Web & Mobile Full-Stack depuis plus de 5 ans déjà, j'ai rarement eu un service client aussi rapide et efficace. Sans compter la qualité du service en ligne. Je recommande VIVEMENT LWS !

Chris KOUAKAM

Avis hostadvice 12/04/2022

Très bon hébergeur

J'ai un serveur VPS chez eux et je n'ai aucun problème, dès qu'il y a un problème le service technique est la pour vous aider et répond assez rapidement à votre demande. Je recommande vivement cet hébergeur.

Vanden Cruyce

Avis avislws 09/04/2022

Je suis ravie

Je suis ravie d'être avec LWS sur tous les plans, je remercie les Techniciens (Fabrice, Omar, Sandy-Mahitsison) depuis plus de 8 ans j'ai évolué avec LWS et toujours soutenue. Une véritable relation humaine même si les questions ou nos inquiétudes ne correspondent pas à leurs missions, ils sont là pour nous répondent et nous rassurent. Mon site c'est mon travail ma source de revenue donc il sont mes partenaires ! les travailleurs de l'ombre merci à eux ! Merci LWS

L'atelier-and-Co

Commentaires (0)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée.