Regarder votre site WordPress se charger à la vitesse d'un escargot peut être incroyablement frustrant. Après avoir géré des centaines de sites Web ici chez WPBeginner, nous avons constaté que l'un des plus grands freins à la vitesse est quelque chose que vous ne voyez peut-être même pas : trop de requêtes HTTP.
Chaque requête pour une image, un script ou un fichier ajoute un peu plus de temps de chargement, ce qui peut rapidement s'accumuler et faire fuir les visiteurs. La bonne nouvelle est que vous n'avez pas besoin d'être un développeur pour faire une énorme différence dans les performances de votre site.
Nous avons rassemblé une liste des méthodes exactes et adaptées aux débutants que nous utilisons pour réduire ces requêtes. Passons en revue les étapes simples pour rendre votre site visiblement plus rapide.
Pourquoi réduire les requêtes HTTP dans WordPress ?
Vous êtes-vous déjà demandé pourquoi certains sites Web mettent une éternité à se charger ? Chaque page WordPress est comme un puzzle composé de diverses pièces, telles que des images, des fichiers CSS, JavaScript, des intégrations vidéo, et plus encore. Tous ces éléments doivent être réunis pour qu'une page apparaisse.
Imaginez votre navigateur comme un serveur occupé à se précipiter dans la cuisine, faisant des allers-retours pour collecter chaque ingrédient séparément. Cela peut ralentir les choses, surtout si votre site est riche en visuels et en fonctionnalités. Chaque élément ajoute au temps de chargement.
De plus, nos sites Web ne dépendent pas seulement de ce qui est stocké sur le serveur. Ils puisent souvent dans des sources externes, comme Google Analytics ou les widgets de médias sociaux. Bien que ces extras puissent rendre votre site plus riche et plus interactif, s'ils ne sont pas optimisés, ils peuvent ralentir votre site.
Ces éléments non optimisés peuvent devenir un fardeau lourd qui frustre les visiteurs qui s'attendent à un chargement rapide. Un site web lent peut entraîner un délai d'une seconde, vous coûtant des conversions, des vues de page, et même la satisfaction client, comme le souligne une étude de Strange Loop.
C'est pourquoi réduire les requêtes HTTP est important. Comme nous l'avons fait ici sur WPBeginner, se concentrer sur cela peut améliorer considérablement la vitesse de votre site, augmenter l'engagement des utilisateurs et, en fin de compte, stimuler votre entreprise. La vitesse n'est pas seulement une victoire technique, c'est un avantage stratégique.
Comment identifier les requêtes HTTP
Avant de vous montrer comment réduire les requêtes HTTP dans WordPress, examinons comment vous pouvez les identifier.
Vous pouvez facilement visualiser les requêtes HTTP effectuées par votre site web à l'aide des outils de développement de votre navigateur. Cela vous montrera une liste des fichiers qui doivent être chargés pour afficher la page web.
Dans Google Chrome, par exemple, vous pouvez ouvrir les outils de développement en allant dans Affichage » Développeur » Inspecter. Vous pouvez également faire un clic droit sur la page et sélectionner « Inspecter » dans le menu.
Ensuite, naviguez vers l'onglet « Réseau ». Rechargez la page, et vous verrez une liste de toutes les ressources chargées, y compris les requêtes HTTP internes et externes.
Pour voir facilement uniquement les requêtes HTTP externes, recherchez la barre d'outils de filtrage en haut du panneau Réseau et cochez la case intitulée « Requêtes tierces ». Cela masquera tous les fichiers chargés depuis votre propre domaine.
Si vous souhaitez simplement voir certains types de fichiers qui peuvent avoir un impact sur vos temps de chargement, tels que JS (JavaScript) ou CSS, utilisez simplement les boutons en haut pour filtrer la liste.
Faites attention aux fichiers qui se chargent lentement. Vous pouvez consulter la colonne « Temps » pour voir combien de temps il faut pour charger chacune de ces ressources. Ensuite, vous pouvez cliquer sur l'en-tête de cette colonne pour trier la liste par temps, et cliquer une deuxième fois placera les fichiers à chargement le plus lent en haut.
Lorsque vous regardez la quatrième colonne « Initiateur », vous verrez parfois le nom du plugin ou du thème qui a chargé le fichier. Prenez note de tous les plugins ou thèmes qui demandent des fichiers à chargement lent.
Vous pouvez utiliser des outils tiers comme Pingdom pour obtenir un rapport plus détaillé. Pour plus d'informations, consultez notre guide sur comment suivre les requêtes de domaines tiers dans WordPress.
Maintenant que vous savez comment identifier les requêtes HTTP, plongeons dans les moyens les plus efficaces de les réduire sur votre site WordPress.
- Combiner les fichiers CSS et JavaScript
- Charger les images et vidéos en différé
- Utiliser un système de diffusion de contenu (CDN)
- Tirer parti de la mise en cache du navigateur
- Minimiser l'utilisation des ressources externes
- Bonus : Activer la compression Gzip
- Foire aux questions sur la réduction des requêtes HTTP
- Ressources supplémentaires sur les performances de WordPress
1. Combiner les fichiers CSS et JavaScript
La meilleure façon de réduire le nombre de requêtes HTTP effectuées vers votre site Web est de réduire le nombre de fichiers auxquels il faut accéder. Vous pouvez combiner plusieurs fichiers pour réduire les requêtes HTTP sans aucune perte de fonctionnalité.
Par exemple, au lieu d'avoir plusieurs fichiers CSS pour différentes parties de la conception de votre site Web, vous pouvez les fusionner en un seul fichier. Ce fichier unique contiendra tout le code de style nécessaire, et le navigateur n'aura besoin de faire qu'une seule requête au lieu de plusieurs.
De même, vous pouvez combiner plusieurs fichiers JavaScript en un seul, réduisant ainsi le nombre de requêtes nécessaires pour charger les éléments interactifs de votre site Web.
Attention : Bien que la combinaison de fichiers soit une excellente pratique, il est utile de savoir que les protocoles Web modernes comme HTTP/2 peuvent charger plusieurs petits fichiers très rapidement, parfois même plus rapidement qu'un seul gros fichier.
Cependant, pour les sites sur un hébergement plus ancien ou pour une compatibilité maximale, la combinaison et la minification des fichiers restent une stratégie solide pour réduire les requêtes. Des outils comme WP Rocket s'en chargent intelligemment pour vous ! 👍
Plusieurs plugins WordPress peuvent automatiser ce processus pour vous. Les options populaires incluent WP Rocket (payant) et Autoptimize (gratuit).
Pour des informations détaillées sur la façon d'utiliser ces plugins, consultez notre guide sur comment corriger le JavaScript et le CSS bloquant le rendu dans WordPress.
En plus de combiner vos fichiers, ces plugins vont également les réduire. Cela supprime les caractères inutiles, tels que les espaces blancs et les commentaires, du code, rendant les fichiers plus petits sans affecter leur fonctionnalité.
Cela améliore encore la vitesse de chargement en réduisant la quantité de données à télécharger.
2. Chargement différé des images et des vidéos
Le chargement différé (lazy loading) est une autre excellente façon d'améliorer les performances de votre site Web, surtout si vos pages contiennent beaucoup d'images ou de vidéos.
Il est intéressant de noter que WordPress charge automatiquement les images en différé par défaut, ce qui est un bon début. Cependant, des plugins comme WP Rocket vous donnent plus de contrôle et peuvent également charger en différé les vidéos et les iframes, ce qui peut faire une différence encore plus grande.
Normalement, WordPress charge tous les fichiers multimédias avant d'afficher une page Web, même si ces images ou vidéos se trouvent plus bas sur la page et ne sont pas immédiatement visibles par l'utilisateur. Cela peut considérablement augmenter le temps de chargement initial de la page.
Le chargement différé optimise ce processus en retardant le chargement des images et des vidéos jusqu'à ce qu'elles soient sur le point de défiler dans la vue de l'utilisateur.
Ces tutoriels utiles vous aideront à apprendre comment configurer le chargement différé sur votre site Web WordPress :
- Comment charger paresseusement les images dans WordPress
- Comment ajouter facilement le chargement différé pour les vidéos dans WordPress
- Comment charger en différé les Gravatars dans les commentaires WordPress
3. Utilisez un réseau de diffusion de contenu (CDN)
L'utilisation d'un réseau de diffusion de contenu (CDN) est une autre stratégie efficace pour améliorer la vitesse de chargement de votre site Web WordPress, en particulier pour les utilisateurs situés loin de votre serveur Web.
Contrairement aux méthodes précédentes, un CDN ne réduit pas le nombre de requêtes HTTP. Au lieu de cela, il optimise la manière dont ces requêtes sont traitées.
Normalement, les fichiers de votre site Web sont stockés sur un seul serveur Web, et les utilisateurs du monde entier doivent demander des fichiers à cet unique emplacement.
Un CDN stocke des copies des fichiers de votre site Web sur des serveurs rapides situés dans le monde entier, et ils sont livrés au navigateur de l'utilisateur à partir du serveur le plus proche de lui.
Vous pourriez aimer consulter notre comparaison d'experts des meilleurs services CDN WordPress pour savoir quelle option convient le mieux à votre site Web.
Chez WPBeginner, nous utilisons Cloudflare pour améliorer la vitesse de chargement de nos pages, et vous pouvez suivre notre tutoriel étape par étape sur comment configurer le CDN gratuit Cloudflare dans WordPress.
4. Exploiter la mise en cache du navigateur
Vous pouvez également exploiter la mise en cache du navigateur pour réduire les requêtes HTTP vers votre site Web, surtout si vous avez des utilisateurs récurrents qui visitent fréquemment votre site.
Lorsqu'un utilisateur visite votre site Web pour la première fois, son navigateur télécharge toutes les ressources nécessaires, telles que les images, les feuilles de style et les fichiers JavaScript. La mise en cache du navigateur permet au navigateur de stocker des copies de ces fichiers localement sur l'ordinateur de l'utilisateur.
La prochaine fois qu'ils visiteront votre site web, le navigateur vérifiera son cache local avant d'effectuer des requêtes HTTP à votre serveur. Si une copie non expirée d'un fichier est trouvée dans le cache, le navigateur utilisera le fichier local au lieu de le télécharger à nouveau.
Cela réduit considérablement le nombre de requêtes HTTP effectuées à votre serveur, ce qui permet d'accélérer les temps de chargement pour les visiteurs récurrents.
Cependant, si le contenu de votre site web est mis à jour fréquemment, il est important de définir des délais d'expiration appropriés pour les ressources mises en cache. Cela garantit que vos utilisateurs reçoivent finalement les dernières versions de vos fichiers.
Vous pouvez contrôler la durée de mise en cache des ressources en ajoutant des en-têtes Expires dans WordPress. Ces en-têtes indiquent au navigateur quand un fichier mis en cache doit être considéré comme obsolète et doit être re-téléchargé depuis votre serveur.
5. Minimiser l'utilisation des ressources externes
De nombreux plugins et thèmes WordPress chargent des ressources telles que des scripts, des feuilles de style et des images à partir de sites web externes, tels que Google Analytics, Facebook et des fournisseurs de polices.
Ces requêtes HTTP externes peuvent avoir un impact sur la vitesse de chargement de votre site web, car le navigateur doit se connecter à plusieurs serveurs pour récupérer tous les composants nécessaires.
Même si ces ressources externes sont optimisées pour la vitesse, en utiliser trop peut ralentir les performances de votre site web.
Pour réduire ces requêtes HTTP externes, vous pouvez commencer par désactiver et supprimer les plugins et thèmes dont vous n'avez pas réellement besoin.
Vous devriez également envisager de trouver des alternatives pour tous les plugins ou thèmes qui demandent des fichiers à chargement lent. Vous en avez peut-être remarqué certains lors de l'identification des requêtes HTTP plus tôt.
Et lors du choix des plugins WordPress, soyez attentif aux ressources externes qu'ils chargent. Vous voudrez opter pour des plugins qui privilégient les performances et éviter ceux qui chargent des scripts ou des styles externes excessifs.
Pour un contrôle plus granulaire des plugins, envisagez d'utiliser un outil de gestion de plugins comme Plugin Organizer. Cela vous permet de charger sélectivement les plugins uniquement sur les pages où ils sont nécessaires.
Enfin, les polices web personnalisées sont souvent chargées à partir de fournisseurs externes, comme Google Fonts, et peuvent contribuer de manière significative aux requêtes HTTP. Vous devriez limiter le nombre de familles de polices et de graisses que vous utilisez ou explorer l'utilisation de polices système, qui sont déjà installées sur les ordinateurs des utilisateurs.
Chez WPBeginner, nous sommes passés aux polices système en 2021, améliorant nos temps de chargement de page, en particulier pour les utilisateurs ayant des connexions Internet plus lentes. Vous pouvez apprendre à faire de même dans notre guide sur comment désactiver Google Fonts sur votre site WordPress.
6. Bonus : Activer la compression Gzip
Un dernier conseil est d'activer la compression GZIP pour réduire la taille des fichiers sur votre serveur web.
Bien que cela ne réduise pas directement le nombre de requêtes HTTP, cela accélère le processus et rend le transfert de vos fichiers de site web plus rapide.
Foire aux questions sur la réduction des requêtes HTTP
Vous trouverez ci-dessous certaines des questions les plus fréquemment posées concernant l'optimisation des requêtes HTTP et l'amélioration de la vitesse des sites WordPress.
1. Qu'est-ce qu'une requête HTTP ?
Une requête HTTP est une demande qu'un navigateur Web adresse à un serveur pour obtenir une information nécessaire au chargement d'une page Web. Il peut s'agir d'une image, d'une feuille de style (fichier CSS), d'un script (fichier JavaScript) ou de toute autre partie de votre site. Chaque fichier individuel nécessite une requête distincte.
2. Combien de requêtes HTTP sont excessives pour un site Web ?
Il n'y a pas de nombre magique unique, car cela dépend de la complexité de votre site. Cependant, un bon objectif pour la plupart des sites Web de petites entreprises est de rester en dessous de 50 à 60 requêtes par page. Moins votre site a de requêtes à effectuer, plus il se chargera rapidement pour vos visiteurs.
3. Quelle est la manière la plus simple pour un débutant de réduire les requêtes HTTP ?
Pour les débutants, la méthode la plus simple consiste à utiliser un plugin de mise en cache et d'optimisation comme WP Rocket. Il peut combiner automatiquement les fichiers CSS et JavaScript en quelques clics, ce qui réduit considérablement le nombre de requêtes sans que vous ayez à toucher au code.
4. Un CDN réduit-il le nombre de requêtes HTTP ?
Non, un réseau de diffusion de contenu (CDN) ne réduit pas le nombre réel de requêtes. Au lieu de cela, il les rend beaucoup plus rapides. Un CDN stocke des copies de vos fichiers sur des serveurs du monde entier, de sorte que lorsque le navigateur d'un utilisateur demande un fichier, il est livré depuis l'emplacement le plus proche possible, ce qui réduit le temps de chargement.
Ressources supplémentaires sur les performances de WordPress
Nous espérons que ce tutoriel vous a aidé à apprendre comment réduire les requêtes HTTP dans WordPress. Vous pourriez également consulter nos autres guides d'experts pour améliorer la vitesse et les performances de votre site.
Tester et diagnostiquer la vitesse de votre site
- Comment effectuer correctement un test de vitesse de site Web
- Comment utiliser GTmetrix pour améliorer les performances de votre site
- Comment tester la charge d'un site WordPress
Améliorations fondamentales des performances
- Pourquoi WordPress est-il lent ? (Et comment y remédier)
- Comment optimiser les images pour les performances web
Techniques d'optimisation avancées
- Comment PHP & MySQL rapides peuvent accélérer votre site web
- Comment éviter des charges utiles réseau énormes dans WordPress
Si cet article vous a plu, abonnez-vous à notre chaîne YouTube pour des tutoriels vidéo WordPress. Vous pouvez également nous retrouver sur Twitter et Facebook.
Vous avez une question ou une suggestion ? Veuillez laisser un commentaire pour lancer la discussion.