Nous avons trouvéRéduire les requêtes HTTPdroitVitesse de chargementIl y a des implications. Chaque fois qu'une personne visite un site web, son navigateur envoie une requête au serveur web pour le téléchargement d'une page nécessaire à l'affichage de l'image.Tous les fichiers, y compris les images, les feuilles de style et les scripts. Chacun Les requêtes HTTP ajoutent du temps au processus de chargement..

Lorsqu'il y a trop de demandes, la charge du serveur augmente, ce qui peut ralentir le chargement du site. Cela peut affecter l'efficacité du site web. Classement SEOet l'expérience des utilisateurs.

Dans cet article, nous allons partager quelques méthodes pratiques pour vous aider à réduire les requêtes HTTP dans WordPress et améliorer les performances de votre site web.

Pourquoi réduire les requêtes HTTP dans WordPress ?

Chaque page d'un site web contient généralement plusieurs éléments. Ces éléments peuvent comprendreImages, fichiers CSS et JavaScript, vidéos intégréesetc.

Lorsqu'une personne visite une page web, son navigateur doit charger chaque élément séparément pour afficher la page. Si un site web contient beaucoup d'images ou d'autres ressources, les temps de chargement peuvent être plus lents.

En plus des fichiers sur le serveur, le site web peut avoir des sources externes qui chargent des ressources telles que des scripts Google Analytics, des widgets de médias sociaux ou des pixels publicitaires.

Si ces éléments peuvent améliorer la fonctionnalité et l'expérience utilisateur d'un site web, ils peuvent également ralentir les vitesses de chargement s'ils ne sont pas optimisés.

La lenteur des sites web peut faire perdre patience aux visiteurs, qui quittent le site avant que la page ne soit complètement chargée. Selon une étude réalisée par Strange Loop, un délai d'une seconde peut entra?ner une baisse de 7% des conversions, de 11% des pages vues et de 16% de la satisfaction des clients.

étude sur la vitesse de la boucle étrange

La réduction des requêtes HTTP dans WordPress est un excellent moyen d'améliorer les performances de votre site et l'un des principaux moyens d'accélérer le chargement des pages sur notre site.

Comment identifier les requêtes HTTP

En apprenant àRéduire les requêtes HTTP dans WordPressAvant cela, quelques mots sur la manière de reconna?tre ces demandes.

Les requêtes HTTP effectuées par un site web peuvent être visualisées à l'aide des outils de développement de votre navigateur. Une liste de tous les fichiers nécessaires au chargement de la page est affichée.

Dans Google Chrome, par exemple, vous pouvez ouvrir Developer Tools en allant sur"view" ""developer"" ""check""ouCliquez avec le bouton droit de la souris sur la page et sélectionnez "Vérifier" dans le menu..

Ensuite, naviguez jusqu'à "réticulationOnglet ". Après avoir rechargé la page, vous verrez une liste de toutes les ressources chargées, y compris les requêtes HTTP internes et externes.

Identifier les requêtes HTTP avec les outils de développement de votre navigateur

Si vous ne voulez voir que les requêtes HTTP externes, vous pouvez utiliser l'option "Demandes de tiers"Filtres. Si vous ne vous intéressez qu'à certains types de fichiers susceptibles d'affecter les temps de chargement, tels que JS (JavaScript) ou CSS, vous pouvez utiliser le bouton situé en haut de la page pour filtrer la liste.

Soyez attentif aux fichiers qui se chargent lentement. Vous pouvez vérifier "foisVous pouvez cliquer sur l'en-tête de la colonne "Temps" pour avoir une idée du temps de chargement de chaque ressource. Vous pouvez ensuite cliquer sur l'en-tête de la colonne pour la trier par ordre chronologique, et un autre clic permettra de charger le fichier le plus lent en tête de liste.

En examinant la quatrième colonne "initiateur"Lorsque vous voyez parfois le nom du plugin ou du thème qui a chargé le fichier. Notez les plugins ou les thèmes qui peuvent être à l'origine d'un chargement lent.

Comment réduire les requêtes HTTP dans WordPress

1. fusionner les fichiers CSS et JavaScript

L'un des meilleurs moyens de réduire les requêtes HTTP consiste à réduire le nombre de fichiers auxquels il faut accéder. Il est possible de fusionner plusieurs fichiers pour réduire le nombre de requêtes HTTP sans affecter les fonctionnalités.

Par exemple, plusieurs fichiers CSS relatifs à différentes parties de la conception du site peuvent être combinés en un seul fichier. Ce fichier unique contiendra tout le code de style nécessaire et le navigateur ne devra faire qu'une seule demande au lieu de plusieurs.

De même, il est possible de réduire le nombre de requêtes nécessaires au chargement des éléments interactifs d'un site web en combinant plusieurs fichiers JavaScript en un seul.

Multiple Plugin WordPressIl est possible d'automatiser ce processus. Les options les plus courantes sont les suivantes WP Rocket (version payante)et Autoptimize (version gratuite).

Compression des CSS, JavaScript et iFrames dans WP Rocket

En plus de fusionner les fichiers, ces plugins les compressent également. La compression supprime les caractères inutiles du code, tels que les espaces et les commentaires, ce qui réduit la taille des fichiers sans en affecter la fonctionnalité. Cela améliore encore la vitesse de chargement en réduisant la quantité de données à télécharger.

2. chargement tardif des images et des vidéos

Le chargement différé est un autre excellent moyen d'améliorer les performances de chargement de votre site web, en particulier si les pages contiennent beaucoup d'images ou de vidéos.

En règle générale, WordPress charge tous les fichiers multimédias avant d'afficher la page, même si ces images ou vidéos se trouvent au bas de la page et ne sont pas immédiatement visibles pour l'utilisateur. Cela peut augmenter considérablement le temps de chargement de la page initiale.

Le chargement différé optimise le 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.

Activer le chargement différé dans WP Rocket

3. l'utilisation de réseaux de diffusion de contenu (CDN)

Réseau de diffusion de contenu(CDN)est un autre moyen d'augmenter la vitesse de chargement de votre site WordPress, en particulier pour les utilisateurs qui vivent loin du serveur web du site.

Contrairement à la méthode précédente, le CDN ne réduit pas le nombre de requêtes HTTP, mais optimise la manière dont ces requêtes sont traitées.

En règle générale, les fichiers d'un site web sont stockés sur un seul serveur web et les utilisateurs du monde entier doivent demander des fichiers à partir de cet emplacement. Un CDN stocke les fichiers d'un site web sur des serveurs à grande vitesse dans le monde entier et envoie les fichiers à partir d'un endroit éloigné du domicile de l'utilisateur.Le serveur le plus proche à envoyer à leur navigateur.

Fonctionnement des CDN

Nous utilisons Cloudflare pour améliorer la vitesse de chargement des pages, vous pouvez suivre notre tutoriel :Comment configurer le CDN gratuit Cloudflare dans WordPress.

4. l'utilisation de la mise en cache du navigateur

En utilisant la mise en cache du navigateur, il est possible de réduire le nombre de requêtes HTTP vers un site web, en particulier pour les utilisateurs qui reviennent fréquemment sur le site.

Lorsqu'un utilisateur visite un 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 à ce dernier de stocker une copie de ces fichiers localement sur l'ordinateur de l'utilisateur.

La prochaine fois qu'un utilisateur visite un site web, le navigateur vérifie le cache local avant d'envoyer une requête HTTP au serveur. S'il existe une copie non périmée du fichier dans le cache, le navigateur utilise le fichier local au lieu de le télécharger à nouveau.

Cette approche réduit le nombre de requêtes HTTP re?ues par le serveur, ce qui permet d'accélérer les vitesses de chargement pour les utilisateurs qui reviennent.

Toutefois, si le contenu du site web est fréquemment mis à jour, il est important de fixer un délai d'expiration approprié pour les ressources mises en cache. Cela permet de s'assurer que les utilisateurs obtiennent la dernière version des fichiers.

Vous pouvez le faire dans WordPress en ajoutant la ligne de commande En-têtes d'expiration pour contr?ler la durée de mise en cache des ressources. Ces en-têtes indiquent au navigateur à quel moment le fichier mis en cache doit être considéré comme expiré et doit être retéléchargé depuis le serveur.

5. réduction de l'utilisation des ressources externes

De nombreux plugins et thèmes WordPress chargent des ressources provenant de sites web externes, tels que des scripts, des feuilles de style et des images, qui peuvent provenir de Google Analytics, de Facebook et de fournisseurs de polices de caractères, entre autres.

Ces requêtes HTTP externes peuvent affecter la vitesse de chargement du site web, car le navigateur doit se connecter à plusieurs serveurs pour obtenir tous les composants nécessaires.

Même si ces ressources externes sont optimisées pour la vitesse, l'utilisation d'un trop grand nombre d'entre elles peut encore dégrader les performances de votre site web.

Comment réduire les requêtes HTTP externes

1. Désactivez et supprimez les plugins et thèmes inutiles
   Tout d'abord, désactivez et supprimez les plugins et les thèmes dont vous n'avez pas besoin.
2. Remplacez les plugins ou les thèmes qui se chargent lentement
   Envisagez de rechercher d'autres plugins ou thèmes pour remplacer ceux qui chargent des fichiers plus lents. Vous avez peut-être déjà remarqué des problèmes connexes lors de l'identification des requêtes HTTP.
3. Choisir un plugin axé sur la performance
   Lorsque vous choisissez des plugins WordPress, faites attention aux ressources externes qu'ils chargent. Privilégiez les plugins qui mettent l'accent sur les performances et évitez ceux qui chargent trop de scripts ou de styles externes.
4. Utiliser les outils de gestion des plug-ins
   Si vous avez besoin d'un contr?le plus fin du plugin, envisagez d'utiliser un plugin tel que le plugin Organisateur de plugins Il s'agit d'un outil de gestion des plugins. Il vous permet de charger sélectivement les plugins uniquement sur les pages qui en ont besoin.

Gestion du chargement des plugins

Enfin, les polices web personnalisées sont souvent chargées à partir de fournisseurs externes tels que Google Fonts, ce qui peut augmenter considérablement le nombre de requêtes HTTP. Ce phénomène peut être optimisé de la manière suivante :

• Limitez le nombre de familles et de graisses de polices.
• Envisagez d'utiliser des polices système (déjà installées sur l'ordinateur de l'utilisateur) pour réduire le chargement de ressources externes.

Contactez nous
Vous n'arrivez pas à lire le tutoriel ? Contactez-nous pour une réponse gratuite ! Aide gratuite pour les sites personnels et les sites de petites entreprises !	Service clientèle WeChat
① Tel : 020-2206-9892
② QQ咨詢：1025174874
(iii) Courriel : info@361sale.com
④ Horaires de travail : du lundi au vendredi, de 9h30 à 18h30, jours fériés.