Comment réduire les requêtes http \/ s dans WordPress

STE http et vice versa. Plus il y a de requêtes http, plus le site est lent, plus l’expérience utilisateur (ux) est mauvaise, plus le score de référencement est faible et plus le taux de conversion est faible.
Les sites WordPress sont généralement dynamiques, ce qui signifie que l’affichage d’un site dans un navigateur nécessite de nombreuses parties différentes. La bonne nouvelle est que vous pouvez réduire les requêtes http et accélérer considérablement votre site. Dans le post d’aujourd’hui, vous apprendrez comment le faire! Les rapports gtmetrix et pingdom montrent généralement le problème. Par conséquent, utilisez ces deux outils pour tester votre site afin de découvrir les améliorations que vous devez apporter. Une fois le rapport prêt, voici comment réduire les requêtes http \/ s et accélérer les sites WordPress. Étape 1: chaos Guy, si vous avez beaucoup de choses sur votre site WordPress, vous aurez trop de requêtes http. C’est un jeu pour enfants. La première étape vers la réduction des requêtes http est la séparation.
Je veux dire, supprimer tous les plug – ins dont vous n’avez pas besoin. Le plug – in WordPress est livré avec de nombreux fichiers qui peuvent être PHP, CSS ou JavaScript (JS). Chaque fichier activé par chaque plug – in crée une requête HTTP. Si vous avez beaucoup de plug – ins, vous aurez certainement plus de requêtes http. Moins il y a de plug – ins, moins il y a de demandes. C’est très simple. Comment faire? Module d’audit. Quels plug – ins avez – vous besoin pour que votre site fonctionne correctement? Y a – t – il des plug – ins dont vous n’avez pas besoin? Avez – vous un plug – in que vous utilisez sur un serveur tiers? Tu peux le faire sans ces plugins? Pour réduire les requêtes http, désinstallez tous les plug – ins indésirables. Si vous avez besoin de plug – ins de temps en temps, installez – les seulement si nécessaire. Ensuite, désinstallez le plug – in.
Il en va de même pour les thèmes WordPress et les contenus que vous n’utilisez pas. Nettoie tout ça. Retirer tout ce dont vous n’avez pas besoin; Aide à améliorer la vitesse et la sécurité du site. Vous pouvez charger le plug – in aussi sélectivement que possible. Par exemple, si vous n’avez que Bi
Rêvez de charger le formulaire de contact 7 sur votre page de contact et vous pouvez empêcher d’autres plug – ins de charger sur cette page spécifique. C’est super, tu n’es pas d’accord? Et pensez que vous n’avez besoin que du nettoyage des actifs du plugin wordpress. L’information et la vue de téléchargement montrent que le plug – in est facile à utiliser et efficace. Ou, comme le disent les développeurs:
Le nettoyage des actifs scanne votre page et détecte toutes les ressources téléchargées. Lors de l’édition d’une page \/ d’un billet, il suffit de sélectionner CSS \/ JS qui n’a pas besoin d’être chargé pour réduire l’expansion. Nettoyer l’équipement que vous avez installé; Nettoyer les pourriels, y compris les commentaires. Oui, supprimez les liens rompus et optimisez la base de données. Ce sont là des aspects importants à prendre en considération pour accélérer le site, mais je ne fais que bavarder. Revenons à la réduction des requêtes http. Étape 2: optimiser les images les sites Web sans images sont sales. Ils disent que c’est génial qu’une image puisse dire des milliers de mots. Mais chaque image représente une requête HTTP. Pour augmenter les dégâts, l’image se trouve au – dessus de l’élément qui prend beaucoup de temps à charger.
Cependant, nous ne pouvons ignorer le fait que la plupart des thèmes WordPress (sites de lecture) sont basés sur des images, après tout il y a beaucoup d’images. Par conséquent, comment réduire les requêtes http en optimisant les images? Tout d’abord, retirez toutes les images que vous n’utilisez pas. Soyez impitoyable; Enlevez ces enflures, vous n’en avez pas besoin. Ensuite, Compressez et optimisez l’image pour supprimer les données inutiles du fichier. Informations et téléchargements présentation bien qu’il existe de nombreux plug – ins disponibles, nous aimons beaucoup WP Express. Bien qu’il s’agisse d’un service de haute qualité, la puissante optimisation automatique de l’image, la compression sans perte,
La terminaison en nuage qui réduit la charge du serveur, le support d’image webp, le redimensionnement automatique, etc. rendent votre investissement précieux (voir nos commentaires pour plus d’informations). De plus, vous pouvez déclarer 100 images gratuitement afin que vous puissiez au moins essayer.
L’optimisation de l’image elle – même ne réduit pas les requêtes http, mais réduit la taille du fichier image, augmentant ainsi la vitesse de la page entière. Alternativement, utilisez la puissance de l’assistant d’image css pour réduire les requêtes http. Pour ceux qui ne le savent pas, un Sprite est une collection d’images insérées dans un seul fichier image. Ensuite, en utilisant la technique CSS, vous pouvez sélectionner la partie de l’image à afficher. Mais comment réduire les requêtes http? Voici une analogie. Supposons que vous ayez besoin de cinq images sur votre page d’accueil. Pour télécharger votre site, l’installation WordPress nécessite cinq visites sur le serveur pour obtenir des images. Maintenant, si vous mettez les cinq images dans un seul fichier image (Sprite), l’installation WordPress n’est nécessaire qu’une seule fois.
Tu vois ce que je vais dire? Plus le voyage est petit, plus la demande http est petite. La meilleure partie est que vous n’avez pas à créer et à mettre en œuvre des sprites d’image CSS. Vous pouvez utiliser des outils comme CSS genie Builder. Si vous savez comment contourner CSS, il est facile d’implémenter le Sprite d’image CSS. Conseil professionnel: Si votre site utilise http \/ 2 qui supporte le chargement asynchrone d’images et de scripts, vous pouvez oublier tous les sprites d’images CSS. Gtmetrix ne tient pas compte de http \/ 2 lors de l’évaluation des performances, donc ne vous inquiétez pas si votre image crée un grand nombre de requêtes http.
Mais ce que je veux dire, c’est que si l’assistant d’image CSS peut réduire considérablement les requêtes http sur le site et que vous savez comment le faire, alors s’il vous plaît exécuter et
Supprimez ces secondes supplémentaires du temps de chargement de la page. Existe – t – il http \/ 2? Après tout, un seul fichier image nécessite une seule requête HTTP. Dix images individuelles nécessitent 10 requêtes http, et ainsi de suite. Je sais que vous suivez le courant. Étape 3: fusionner et minimiser HTML, css et Javascript la raison principale de nombreuses requêtes http sur mon site WordPress est les fichiers CSS et Javascript externes. Oui, j’essaie de travailler avec 43 scripts JS et 22 fichiers CSS. Il s’agit de 66 requêtes http. Sur environ 130 requêtes http, les requêtes externes CSS et Javascript représentent environ 51% du problème! C’est ridicule. Merci, gtmetrix, punch. Si je fusionne et minimise ces 44 fichiers JS et 22 fichiers CSS, je peux réduire considérablement les requêtes http, la taille du site et le temps de chargement. Mais qu’est – ce qu’une entreprise \
Toi. Informations et téléchargements voir les démos il y a beaucoup de plugins WordPress que vous pouvez combiner et minimiser vos fichiers. Le plug – in WP Rocket en est un bon exemple. Il s’agit essentiellement d’un des meilleurs plug – ins de mise en cache, offrant la possibilité de combiner et de minimiser les fichiers en quelques clics. Une autre option populaire (gratuite) est l’optimisation automatique des plug – ins. Au fait, avez – vous réduit le nombre de fichiers CSS externes et de scripts JS là – bas? Par exemple, nous n’avons pas mentionné de nom ici, avez – vous vraiment besoin d’une plate – forme de commentaires de tiers? Avez – vous besoin d’un plug – in radio en direct? Quoi que je dise, supprimez tous les scripts et fichiers externes indésirables. Étape 4: ajuster les fichiers CSS et Javascript qui bloquent le rendu dans certains cas, la combinaison de fichiers peut ne pas être une option, en particulier pour les fichiers tiers et les scripts qui changent fréquemment. Dans ce cas, vous pouvez reporter le téléchargement de ces ressources. Http \/ 2 prend en charge le chargement asynchrone des fichiers, ce qui signifie que tous les fichiers sont chargés simultanément. Si, pour une raison ou une autre, vous ne chargez pas asynchrone (peut – être que vous n’utilisez pas http \/ 2 ou que le script n’est pas asynchrone), ces fichiers peuvent considérablement ralentir votre site Web. N’oubliez pas que votre page Web est chargée de haut en bas. Si CSS et JS bloquent le rendu en haut de la page, le navigateur arrête le chargement jusqu’à ce que le fichier soit complètement chargé. Par conséquent, l’utilisateur verra une page vide avant de charger le script, ce qui prendra du temps. – Quoi? Déplacez tous les scripts de bloc de rendu vers le bas du Haut de la page. Mais attention ici. Il n’est pas nécessaire de déplacer tous les scripts vers le bas. Je dis cela parce que votre page peut avoir besoin de CSS et JS pour offrir une expérience complètement immersive. Si vous vous référez à
Compte tenu de ce qui se passe dans les coulisses, vous pouvez utiliser la mise en cache et le CDN pour tirer parti de vos forces. La mise en cache consiste à stocker des fichiers statiques sur un navigateur afin que les utilisateurs ne téléchargent pas de fichiers lors d’un accès ultérieur. Supposons que vous ayez un plug – in cache où les utilisateurs téléchargent votre contenu mis en cache lors de la première visite. Lors d’un accès ultérieur, votre site ne demandera pas au serveur. Il servira plutôt les ressources mises en cache par le navigateur, réduira les demandes http et accélérera le site. Le CDN (ou livraison de réseau c) est un réseau de serveurs dans le monde entier. Le CDN utilise également la mise en cache, mais pour des vitesses plus élevées, le fournisseur de CDN fournira du contenu mis en cache à partir d’un serveur plus proche du visiteur. Une distance plus courte signifie une livraison de contenu plus rapide, tandis que la mise en cache signifie que votre site n’a pas besoin de télécharger à nouveau le même contenu à partir d’un serveur central. Ça te dit quelque chose? Plus important encore, il y a beaucoup d’options CDN gratuites (ou au moins un essai gratuit afin que vous puissiez vraiment voir la différence). Dans wpexplorer, cloudflare est utilisé et fortement recommandé, mais choisissez le CDN qui vous convient le mieux. Bonus: Assurez – vous de prendre en charge http \/ 2 Vous pouvez prendre n’importe quelle mesure pour réduire les requêtes http, mais votre hôte Web peut être la source du problème. Ne soyez pas surpris; Posez des questions et réfléchissez, qui utilise autre chose que http \/ 2 à cette époque? Vous ne savez peut – être même pas ce qu’est http \/ 2. Tout d’abord, http \/ 2 prend en charge le chargement asynchrone des fichiers. Il a d’autres avantages par rapport à http 1.0, mais c’est la leçon d’un autre jour. Si vous utilisez http 1.0 ou plus tôt, vous remarquerez un grand nombre de requêtes http. Pas trop vite.
Le jugement; J’ai vu des fournisseurs d’hébergement Web qui utilisent encore des versions antérieures de http 1.0 et PHP. Oui, même avec les avantages évidents de http \/ 2 et PHP 7. Je n’ai même pas bluffé; Quand certains de leurs plug – ins ne fonctionnent pas, certains de leurs clients viennent me voir, ce qui est ennuyeux! Mais, vraiment, pourquoi? Php 5.6 a été déprécié et a une vulnérabilité de sécurité, et certains fournisseurs d’hébergement Web ne sont pas en colère contre cela, ce n’est qu’une autre chose. S’ils ne prennent pas en charge http \/ 2, ce sera un vrai casse – tête. Contactez votre hôte ou utilisez l’outil keycdn pour vérifier que votre serveur prend en charge http \/ 2. Les meilleurs hôtes Web prennent en charge http \/ 2 et la dernière version de PHP. Si votre hôte est retardé, demandez – lui de mettre à jour ou de choisir un meilleur Hôte Web. Réduire les requêtes http sur les sites WordPress signifie éliminer ce qui n’est pas nécessaire. Si vous avez beaucoup de choses sur votre site WordPress, vous aurez beaucoup de requêtes http et une vitesse de page relativement faible. Pour réduire les requêtes http, réorganisez le site, optimisez les images, réparez les scripts qui bloquent le rendu, utilisez le cache et assurez – vous que l’hôte prend en charge http \/ 2. De plus, essayez de créer un site Web simple et propre qui ne nécessite pas beaucoup de ressources pour le téléchargement. Si vous avez des questions, veuillez nous en informer dans la section commentaires ci – dessous. Bienvenue sur le site plus rapide, je vous souhaite un avenir brillant!