Comment combiner JavaScript externe dans WordPress ?

🚀 Vous souhaitez améliorer la vitesse de votre site WordPress ? 📉 Un chargement lent peut faire fuir vos visiteurs et impacter votre référencement. 💡 L’une des solutions efficaces consiste à combiner JavaScript externe dans WordPress. 🔧 Découvrez comment optimiser les performances de votre site en quelques étapes simples.

Objectif

Apprendre à combiner les fichiers JavaScript externes dans WordPress afin de réduire le nombre de requêtes HTTP, accélérer le temps de chargement des pages et améliorer l’expérience utilisateur.

Prérequis

• Accès à l’interface d’administration de votre site WordPress.

• Connaissances de base sur l’installation et la configuration de plugins.

• Optionnel : hébergement compatible HTTP/2 pour des performances optimales.

Besoin d’un hébergement WordPress rapide et de qualité ?

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 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.

Plusieurs interactions surviennent lorsqu’une page web se charge. Très brièvement, voici l’état des choses :

1. L’internaute demande une page web ;
2. 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 ;
3. 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

L’outil GTMetrix

L’outil 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.

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.

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

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.

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

Ensuite, rendez-vous dans la section « Réglages › 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 ».

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.

Combiner JavaScript externe avec LWS Optimize

Chez LWS, l’optimisation de votre site WordPress passe par des outils performants comme le plugin LWS Optimize, spécialement conçu pour améliorer la vitesse de chargement des pages.

Ce plugin gratuit, inclus avec l’hébergement WordPress LWS, vous permet de combiner automatiquement les fichiers JavaScript, de les minifier, et de différer leur chargement si nécessaire. Cela réduit considérablement le nombre de requêtes HTTP et améliore le temps de chargement.

Étapes pour activer la combinaison des fichiers JavaScript avec LWS Optimize :

1. Connectez-vous à votre interface WordPress.

2. Allez dans Extensions > Installer et recherchez LWS Optimize (ou activez-le si déjà préinstallé).

3. Une fois activé, accédez au menu LWS Optimize dans votre tableau de bord.

4. Cochez l’option « Combiner les fichiers JavaScript ».

5. Cliquez sur Enregistrer.

Besoin d'un hébergement web au meilleur prix ?

LWS vous conseille sa formule d’hébergement 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 en plus d’un support exceptionnel.

Découvrir l'offre

Conclusion

🎉 Améliorer la vitesse de votre site WordPress n’a jamais été aussi simple ! En combinant les fichiers JavaScript externes, vous réduisez les requêtes HTTP et optimisez le temps de chargement. 🚀 Que vous optiez pour un plugin tiers comme Autoptimize ou pour LWS Optimize, la solution tout-en-un proposée par LWS, vous avez tous les outils en main pour booster les performances de votre site.

💬 Vous avez testé LWS Optimize ? Partagez vos résultats et vos impressions dans les commentaires ci-dessous !