Comment réduire les requêtes http dans WordPress (rendre votre site plus rapide!)
Apprendre à réduire les requêtes http dans WordPress semble être quelque chose que seuls les développeurs peuvent gérer. Cependant, il s’agit en fait de toute personne qui possède un site Web soutenu par le SGC. Chez Torque, nous avons écrit beaucoup d’articles sur la façon d’accélérer les sites WordPress: l’importance des guides de vitesse WordPress et de la mise en cache 14 façons d’accélérer WordPress et de réduire le temps de chargement des pages les moyens simples mais éprouvés d’accélérer les sites WordPress les moyens de réduire les requêtes http ne sont qu’une partie de ceux – ci, Mais c’est très important. Par conséquent, cet article détaillera comment cela peut être fait.
Dans la première partie, nous définissons exactement ce qu’est une requête http \/ s et pourquoi vous devez garder leur nombre aussi bas que possible. Le reste de cet article vous montrera ensuite des moyens pratiques de réduire les requêtes http sur les sites WordPress. Qu’est – ce que les requêtes http \/ s et pourquoi sont – elles importantes? Commençons par le début. Qu’est – ce qu’une requête http \/ s? Tout d’abord, nous discutons de la question de savoir si les requêtes http ou https dépendent de la question de savoir si vous avez défini le chiffrement https sur le site. En plus de cela, ils sont la même chose, c’est pourquoi je vais utiliser les deux termes de façon interchangeable dans cet article. Mais qu’est – ce que c’est?
Les requêtes http se produisent au niveau le plus basique de chaque site Web et se produisent chaque fois qu’un navigateur demande quelque chose de votre serveur. Il peut s’agir d’une feuille de style, d’une image, d’une vidéo intégrée ou d’un script. En gros, tout ce que votre site contient. Chaque demande est individuelle. C’est important parce que votre site Web n’est affiché que lorsque tous les fichiers nécessaires sont transmis au navigateur. Vos visiteurs ne peuvent pas le voir avant. Vous pouvez imaginer que plus votre navigateur a besoin de télécharger et de traiter du contenu, plus il faudra de temps pour charger le site. Si
Votre site est très populaire. Dans ce cas, le serveur doit traiter plusieurs requêtes http simultanées en même temps.
Cela, à son tour, aura une grande influence sur l’expérience utilisateur et, par conséquent, sur le trafic, les abonnés, les taux de conversion, les ventes, etc., bref, le succès du site. Amazon est un bon exemple d’impact sur vos profits pour comprendre l’importance des requêtes http et leur impact sur le temps de chargement des pages. L’entreprise a calculé qu’un simple retard d’une seconde dans le chargement des pages coûterait 1,6 milliard de dollars par an! Bien que votre site puisse ne pas atteindre le même niveau de flux de trésorerie (si oui, félicitations!) Si le temps de chargement dépasse trois secondes, 40% des visiteurs seront toujours rejetés.
Le navigateur de l’outil de développement Chrome Google fournit des informations détaillées sur le temps qu’il faut pour charger chaque élément d’un site et d’un fichier. Accédez à votre site et ouvrez le menu du navigateur, puis allez à plus d’outils > outils du développeur (ou appuyez sur Ctrl \/ CMD + Maj + i). Sur le côté nouveau panneau, cliquez sur l’onglet réseau. Ici, vous pouvez voir exactement ce qui se passe sur le site et combien de temps il faut pour accomplir chaque tâche. Le navigateur fournit également
Détails de chaque élément. Firefox a une fonctionnalité similaire, mais j’a i trouvé Chrome plus facile à utiliser.
Pingdom pingdom est mon préféré pour mesurer la vitesse de la page. L’outil dispose d’une bonne interface pour fournir rapidement des résultats. Il suffit d’aller sur votre site et de choisir l’emplacement à tester et il fonctionnera. En plus de la note globale, vous recevrez des détails sur les domaines qui pourraient être améliorés. Il semble que même le New York Times puisse utiliser des techniques pour réduire les requêtes http. Il montre également le poids de la page par contenu et, surtout, un diagramme en cascade. Ce dernier vous permet de suivre le contenu téléchargé, quand et quand chaque demande a été remplie. Informations très utiles pour prendre des mesures concrètes pour réduire les requêtes https sur les sites WordPress.
Gtmetrix gtmetrix est très similaire à pingdom. Grâce à leurs services, vous pouvez obtenir un score total pour la vitesse de la page et réduire avec précision la vitesse du site et comment corriger. Il est également accompagné d’un diagramme en cascade. Dans l’ensemble, gtmetrix est généralement un peu lent et pas très beau. Cependant, il est encore très utile et j’utilise souvent pingdom et cet outil en même temps. Comment réduire les requêtes http dans WordPress OK, maintenant que vous connaissez le problème, parlons de la solution. Ci – dessous, vous trouverez plusieurs façons de réduire les requêtes http sur les sites WordPress. Certains d’entre eux sont un peu techniques, mais je suis pleinement convaincu que vous serez en mesure de faire leur travail.
Réduire la réutilisation recycler trop de requêtes http est souvent dû à trop de contenu sur les sites WordPress. Le coupable le plus courant est le plug – in. Beaucoup d’entre eux ajoutent leurs propres feuilles de style et ressources à la file d’attente de téléchargement du site. La première commande du jour est donc ESA
Détruisez la liste des plug – ins et réduisez – la au plug – in de base. Désinstallez le contenu non désiré et désactivez le contenu qui n’est utilisé que occasionnellement. Soyez impitoyable et votre site vous remerciera pour votre performance. Cependant, il ne se limite pas aux plug – ins. Ensuite, retirez tout ce dont vous n’avez pas besoin sur le site, y compris les sujets. Consultez notre e – book Spring Sweep pour en savoir plus sur ce qui peut être supprimé. Cela réduit non seulement les demandes http, mais améliore également la sécurité et rend votre site plus facile à utiliser.
Utilisez les outils d’analyse ci – dessus pour trouver des fichiers ou des ressources qui ralentissent considérablement votre site Web. Dans ce cas, trouvez un moyen de vous en débarrasser ou de les remplacer. Pour tout ce qui est conservé sur le site, vous voudrez peut – être utiliser WP Asset Cleanup. Le plug – in fonctionne de la même manière que pour ralentir le chargement de l’image (voir ci – dessous). Détecter les ressources du site qui ne sont pas affichées sur la page demandée par le visiteur. Dans ce cas, il bloque le chargement, réduisant ainsi les exigences http. Parmi les ressources à supprimer, il est particulièrement important de supprimer les images inutilisées. Non seulement ils génèrent des requêtes http, mais ils constituent généralement la majorité du poids de la page. Donc, si vous pouvez les réduire, faites – le!
Comme vous l’avez fait sur la page plugins, parcourez la médiathèque WordPress et supprimez sans pitié tout contenu que vous n’utilisez pas. Cela réduira également votre taille, ce qui est une bonne nouvelle pour la sauvegarde et la migration. Optimiser les images restantes pour le référencement et le chargement rapide. Le site est ensuite accéléré par le chargement différé mentionné précédemment. Ou, si vous voulez élever les choses à un nouveau niveau, créez des sprites d’image. Ceci Combine plusieurs images en une seule et n’affiche qu’une partie spécifique via CSS. Lier et minimiser les fichiers CSS et Javascript si vous voulez fusionner plusieurs fichiers en un seul fichier, vous pouvez
Ou comme les feuilles de style et les scripts. Chacun d’eux représente une requête http \/ s distincte, donc moins vous en avez, mieux c’est. Les gros fichiers sont généralement téléchargés beaucoup plus rapidement que de nombreux petits fichiers. De plus, vous pouvez le combiner avec la minimisation. Cela signifie simplement supprimer tous les caractères et formats et rendre le fichier plus lisible par l’homme. Cela réduira considérablement la taille du fichier et accélérera le téléchargement. Vous pouvez le faire manuellement, par exemple en utilisant des outils comme gulp. Utilisez ce guide pour le faire correctement. Cependant, il est plus facile d’installer l’optimisation automatique, qui fera tout ce qui précède automatiquement. J’ai eu une bonne expérience. Certains des plug – ins de cache suivants ont également cette fonctionnalité. Notez cependant que http \/ 2 n’a plus besoin d’être connecté et minimisé. Par conséquent, si la plupart de votre trafic utilise déjà ce Protocole, la technologie n’aura pas d’effet aussi important qu’auparavant. Limiter les ressources externes les demandes https ne proviennent pas seulement de votre site, mais peuvent également provenir de sources externes. Voici des exemples populaires: polices personnalisées – Bien que les services de polices personnalisées soient généralement rapides, ils génèrent encore des demandes supplémentaires. Ainsi, la devise ici est: téléchargez seulement ce que vous utilisez réellement. Cela signifie non seulement limiter le nombre de polices, mais aussi limiter le nombre de styles et de scripts. Images externes: les images externes sont plus courantes dans la section commentaires, d’autant plus que WordPress utilise gravatar par défaut. Vous pouvez les désactiver dans les paramètres > discussion > avatars, ou vous pouvez les contrôler en utilisant ces plug – ins. Boutons et compteurs des médias sociaux: les médias sociaux sont un outil de marketing important, mais ils sont facilement exagérés. Tout comme vous n’avez pas besoin d’être sur tous les réseaux
Les options de partage doivent être offertes à tous. Continuez à utiliser ce que vous utilisez réellement. Vidéos intégrées: les vidéos de YouTube et d’autres sources sont un excellent complément à votre contenu. Si vous utilisez un bon service, il sera généralement disponible bientôt, mais l’intégration vidéo nécessite encore http supplémentaire. Si vous n’en avez pas besoin, jetez – les. De même, consultez l’outil d’analyse ci – dessus pour savoir si des demandes externes ont ralenti votre site de façon excessive. L’utilisation d’un plug – in de cache et \/ ou d’un CDN peut réduire le nombre de demandes d’accès moyen, bien que la mise en cache ne réduise pas le nombre total de demandes html sur le site. Parce qu’il maintient une grande partie du contenu de votre site statique, les gens qui visitent souvent votre site n’ont pas à télécharger et traiter tout le contenu dès le début. Les candidats les plus populaires sont WP super cache et W3 total cache. WP Rocket est une solution commerciale populaire. La mise en cache s’applique également aux réseaux de distribution de contenu (CDN). Cela signifie un réseau informatique distribué dans le monde entier qui peut conserver des copies du site à tout moment. De cette façon, les visiteurs peuvent être servis le plus près possible. De plus, CDN télécharge les requêtes http sur un serveur autre que vous. La décomposition de la charge de travail de cette façon peut grandement accélérer le chargement des pages. Comment Réduirez – vous les requêtes http sur votre site? Minimiser les besoins http \/ s dans WordPress est un investissement direct dans l’expérience utilisateur et les profits. La demande ralentit votre site, ce qui ralentit tous les autres indicateurs de succès. Dans cet article, nous avons défini ce qu’est une requête HTTP, nous avons appris à les mesurer et nous avons étudié les moyens de réduire les requêtes http sur les sites WordPress. Total F
En résumé, réduire les requêtes http équivaut à utiliser un minimalisme sain qui ne tolère que ce dont vous avez absolument besoin sur votre site. Ça ne veut pas dire que ça devient ennuyeux et peu attrayant. Cela signifie simplement regarder votre présence sur le Web et sa nature. La suppression de composants et de ressources inutiles peut non seulement vous aider à réduire les demandes http et à accélérer votre site, mais aussi améliorer considérablement votre flux de travail. Pour que tout le monde gagne. Quelles autres mesures connaissez – vous pour réduire les requêtes http dans WordPress? Autre chose à ajouter? Veuillez nous le dire dans la section commentaires ci – dessous!