brand-lws-red brand-lws-white
Tutoriels

WordPress
time_read15mn de lecture

Comment combiner JavaScript externe dans WordPress ?

25 juin 2022

Comment combiner JavaScript externe dans WordPress ?

La question du temps de chargement de votre site doit être prise au sérieux. Un site qui se charge lentement est connu pour augmenter le taux de rebond et prédisposé à perdre constamment du trafic. WordPress est une plateforme conviviale lorsqu’il s’agit de créer ou de gérer son site. Avec la longue liste de ses plugins, ce logiciel vous permet d’exécuter n’importe quelle tâche bénéfique pour votre site. Lorsqu’il faut améliorer les performances de votre site, vous ne devez pas oublier de combiner JavaScript externe dans WordPress.

Pourquoi combiner JavaScript externe dans WordPress ?

Le plus grand avantage de combiner JavaScript sur un site WordPress est d’accélérer le chargement de son site. À l’heure actuelle, plus aucun internaute ne restera sur un site dont le chargement de pages prend plusieurs secondes. Les raisons derrière la combinaison de JavaScript externe sont très convaincantes. Pour comprendre les faits, vous devez dorénavant comprendre le processus de chargement d’une page web.

Plusieurs interactions surviennent lorsqu’une page web se charge. Très brièvement, voici l’état des choses : l’internaute demande une page web. Son navigateur envoie une requête ou un message pour obtenir toutes les ressources nécessaires auprès du serveur d’hébergement du site web incluant la page demandée. Les fichiers HTML, JavaScript, CSS, … seront extraits du serveur et renvoyés au navigateur qui se charge de rendre la page visible auprès de l’internaute. Et ce même processus se répète chaque fois que la page sera demandée.

Les fichiers CSS ainsi que les fichiers JavaScript sont connus pour être des ressources de blocage du rendu de la page. En d’autres termes, ils bloquent le téléchargement parallèle d’autres ressources nécessaires à l’affichage de la page. Pourtant, les fichiers JavaScript sont généralement situés sur l’en-tête de la page. Et ces derniers sont téléchargés selon leur ordre d’apparition qui est dicté par le code HTML de la page. Ce qui peut, en conséquence, prendre beaucoup de temps à la page d’être affichée. Parfois, il arrive que les fichiers JavaScript soient téléchargés ensemble, mais l’ordre de séquence peut encore ralentir le rendu de la page.

Tester la vitesse de chargement des pages WordPress

Pour connaître si ce problème vous arrive sur votre site WordPress, vous devez effectuer des tests de vitesse de chargement des pages de votre site. Plusieurs outils gratuits en ligne peuvent vous permettre de réaliser ces tests.

Voici une illustration des résultats d’un test de vitesse réalisé sur une page web avec trois outils les plus utilisés en ligne :

L’outil gratuit Pingdom

Pingdom

L’outil GTMetrix

les resultats de performances avec GTMetrix

L’outil Google PageSpeed Insights

résultats de performance avec Google PageSpeed Insights

Idéalement, le score de performance doit se situer dans l’intervalle vert ou du moins en dehors de l’intervalle rouge. Après avoir effectué ces tests, si vous remarquez que vous rencontrez les problèmes de ralentissement de chargement des pages par JavaScript, alors des mesures doivent être prises.

Combiner JavaScript externe dans WordPress

Profiter du protocole HTTP/2 fourni par votre hébergeur

Si votre hébergeur vous fournit le protocole HTTP/2, alors, vous n’êtes pas forcément concerné par la combinaison de JavaScipt.

Trucs et astuces


Si vous avez choisi LWS en tant qu’hébergeur de votre site web, vous bénéficiez des avantages du protocole HTTP/2.

HTTP/2 est apparu en 2015 et son objectif est de corriger les failles rencontrées avec son prédécesseur HTTP/1.1. Parmi ses multiples avantages, HTTP/2 permet de :

  • Assurer le téléchargement parallèle, ce qui accélère la vitesse de chargement des pages ;
  • Utiliser le multiplexage et envoyer plusieurs demandes à la fois lors d’une seule connexion TCP ;
  • Réduire du temps d’aller-retour supplémentaires (RTT) ;
  • Compresser les en-têtes de requêtes lancées sur votre site.

Avec tous ces avantages, vous n’avez plus besoin de combiner forcément vos fichiers JavaScript externes afin d’améliorer les performances de votre site.

Combiner JavaScript externe dans WordPress avec un plugin

Sur WordPress, il existe des plugins pour tout. Et même pour combiner JavaScript externe sur votre site en toute sécurité. Cette extension est appelée « Autoptimize ». Celle-ci comporte plusieurs options pour optimiser votre site WordPress. Il s’agit notamment de l’optimisation de JavaScript, du CSS, la minification ainsi que la compression d’images…

Tout ce que vous avez à faire est d’installer le plugin sur votre site. Pour ce faire, connectez-vous à votre espace d’administration et rendez-vous dans la section « Extensions › Ajouter ». Ensuite, recherchez le plugin avec la zone de recherche présente sur l’interface.

combiner JavaScript externe dans WordPress : installer Autoptimize

Une fois trouvé, cliquez sur le bouton « Installer maintenant » puis sur le bouton « Activer ».

Ensuite, rendez-vous dans la section « Réglages › Autoptimize ».

configurer le plugin Autoptimize

Après avoir cliqué, une nouvelle interface vous sera présentée. Rendez-vous dans l’onglet « JS, CSS & HTML ». Tout ce que vous avez à faire est de cocher la case « Optimiser le code JavaScript ».

configurer les options JavaScript

D’autres options sont également présentes que vous devez cocher après avoir fait votre jugement. Une fois terminé, vous devez défiler vers le bas de la page pour enregistrer vos modifications.

enrégistrer les modifications dans Autoptimize

 

Conclusion

Toutes nos félicitations, vous savez désormais de quelle manière procéder afin de combiner JavaScript externe dans WordPress. 🤗

JavaScript fait partie des ressources qui bloquent souvent le rendu de la page. Le fait de le combiner permettra d’améliorer le chargement de vos pages. Si votre hébergeur vous fournit un protocole HTTP/2, vous n’êtes pas forcément obligé de combiner JavaScript sur votre site. Cette norme de communication possède l’avantage d’activer le téléchargement parallèle, le multiplexage et bien plus, pour optimiser votre site.

Dans l’éventualité où vous continuez à utiliser le protocole HTTP/1.1, vous pouvez combiner le JavaScript en utilisant le plugin Autoptimize.

Besoin d’un hébergeur pour votre site ?

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

Découvrir l’offre

Si vous avez des questions à propos de ce processus, n’hésitez pas à utiliser la section commentaire pour nous écrire.

Avatar de l'auteur

Auteur de l'article

Joseph

Joseph est rédacteur web depuis quatre ans. Ses thématiques préférées sont le digital et le web marketing et l’e-commerce. La persévérance, l’assiduité et le courage font partie de sa méthode de travail. C'est ce qui lui permet d'affronter n’importe quel sujet.

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.