21 conseils pour accélérer un blog WordPress

Lorsque vous naviguez sur Internet, vous ne pensez probablement pas trop à la vitesse du site Web. Si votre connexion Internet est assez bonne, vous n'avez probablement que deux conclusions sur chaque site concernant la vitesse - le site est ou n'est pas assez rapide. Et c'est ainsi que la plupart des internautes verront votre site WordPress. Même s'il est attrayant pour un visiteur spécifique, si le blog ne se charge pas assez rapidement, vous perdrez ce visiteur. Ça c'est sûr. Et c'est pourquoi vous devez faire tout ce qui est en votre pouvoir pour rendre votre site WordPress aussi rapide que possible.

Bien qu'il existe de nombreuses façons d'accélérer un site, certaines nécessiteront des connaissances techniques, d'autres nécessiteront un dévouement total de votre part, tandis que d'autres seront tout simplement trop chères.

Comme toujours, WordPress peut vous aider à résoudre le problème. Non seulement WordPress s'améliore constamment, mais aussi les plugins, les thèmes et les sociétés d'hébergement. Dans cet article, nous allons vous montrer comment accélérer votre site WordPress. De nombreux facteurs ont un impact sur la vitesse du site et, selon votre site, vous pouvez améliorer la vitesse dans les prochaines minutes.

• Utiliser un plugin de mise en cache
• Optimiser les images
• Optimiser la page d'accueil
• Charger correctement Google Maps
• Nettoyer et optimiser les bases de données
• Supprimez les caractères inutiles du code source (minifiez-le)
• Choisissez un thème WordPress rapide
• N'installez pas de plugins inutiles
• Diviser les messages plus grands
• Limiter le nombre de révisions de messages
• Passez à PHP7. Maintenant!
• Modifier la mise en cache du navigateur
• Comment supprimer les chaînes de requête des ressources statiques
• Réduire le nombre de requêtes HTTP
• N'utilisez pas de Gravatars
• Supprimez les commentaires si vous ne les utilisez pas
• Supprimer les émojis
• Utiliser des sprites CSS dans WordPress
• Limiter le nombre de boutons de réseaux sociaux
• Déchargez les scripts et les styles que vous n'utilisez pas
• Désactiver les intégrations

1. Utilisez un plugin de mise en cache

En installant et en configurant un plugin de mise en cache, vous pouvez instantanément ressentir le changement de vitesse de votre site. Tous les sites Web auront des parties qui ne changent pas si fréquemment. Qu'il s'agisse d'une image, d'un fichier CSS ou JS, un plugin de mise en cache peut gérer ces fichiers afin qu'ils n'aient pas à être téléchargés depuis le serveur à chaque fois qu'un utilisateur ouvre votre site. Cela aidera principalement les visiteurs récurrents qui auront déjà ces fichiers stockés.

Il existe de nombreux plugins de mise en cache WordPress, mais seulement quelques-uns populaires. La bonne nouvelle est que ces plugins sont bien codés, ils accéléreront votre site instantanément et ils sont totalement gratuits ! Le plugin le plus populaire pour le travail est W3 Total Cache qui compte plus d'un million d'utilisateurs actifs. C'est impressionnant! Il existe d'autres plugins qui peuvent faire de même, comme le plugin WP Fastest Cache que nous avons déjà mentionné dans l'un de nos articles précédents.

2. Optimiser les images

Qu'il s'agisse d'une seule image sur votre page d'accueil ou de toute une galerie de photographies que vous souhaitez afficher, les images non optimisées peuvent ralentir considérablement votre site Web. Disons que vous utilisez un appareil photo capable de prendre des photos haute résolution. Ces photos feront probablement plus de 2 Mo, et elles peuvent facilement dépasser la limite de 4 Mo. Même les images des smartphones modernes généreront des fichiers volumineux. Si vous n'y pensez pas et que vous téléchargez simplement une image, imaginez la charge sur votre site.

En ajoutant simplement cette image de 2 Mo ou 4 Mo « lourde », vos utilisateurs devront télécharger cette image une fois qu'ils ouvriront votre site. Alors que les utilisateurs venant d'une connexion à large bande ne ressentiront pas beaucoup de différence, les utilisateurs avec des vitesses Internet plus lentes en souffriront. Non seulement que; même Google désapprouvera les temps de chargement plus lents, de sorte que le classement de votre page pourrait en souffrir à long terme.

Cela ne devrait pas être un problème puisque vous pouvez optimiser les images si facilement. Tout d'abord, si vous ne présentez pas votre dernier travail et que vous n'avez pas besoin d'afficher des images en pleine résolution, commencez par baisser la résolution. Par exemple, si votre thème affiche une largeur maximale de 800 pixels, votre image ne devrait pas être plus large que cela. Vous pouvez simplement changer la taille ou peut-être même recadrer une image. Il existe également de nombreux outils et applications qui peuvent vous aider à optimiser les images. Que vous souhaitiez utiliser un logiciel professionnel comme Photoshop qui peut faire des miracles sur vos images et les optimiser spécifiquement pour le Web, ou que vous souhaitiez utiliser un outil en ligne simple, vous devez optimiser vos images.

3. Optimisez la page d'accueil

Votre page d'accueil est une page importante. Même si une personne n'arrive pas sur la page d'accueil, elle voudra probablement la visiter à partir de vos autres publications et pages. Et c'est pourquoi la page d'accueil doit être optimisée correctement. Comme mentionné précédemment, prenez soin des images de votre site Web et assurez-vous qu'elles sont optimisées. Utilisez des extraits plus petits pour vos messages au lieu d'en montrer de plus gros. Ne pas afficher les images des publications ; à la place, laissez un lien « lire la suite » avant la première image d'un article. N'utilisez pas trop de widgets de barre latérale et de pied de page qui peuvent ralentir votre site.

4. Chargez correctement Google Maps

Si vous utilisez Google Maps pour afficher un emplacement, assurez-vous que la carte interactive ne vous ralentit pas. Une simple carte sur votre site Web peut prendre jusqu'à 2 Mo, ce qui obligera vos visiteurs à télécharger des données supplémentaires même s'ils ne sont pas intéressés par la carte.

Mais si vous utilisez WordPress, cette tâche peut devenir encore plus facile. Oui, nous parlons du plugin Google Maps Widget qui peut restituer une image miniature à partir de votre carte. Ce faisant, vous n'ajouterez que quelques kilo-octets de données à votre site au lieu d'un ou deux mégaoctets. Cela aura un impact énorme sur la vitesse de votre site Web, tandis que vos visiteurs intéressés par la carte pourront toujours profiter de l'expérience complète de Google Maps.

5. Nettoyer et optimiser les bases de données

WordPress utilise des bases de données pour stocker pratiquement tout ce qui est nécessaire à son bon fonctionnement. Pendant un certain temps, ces bases de données commenceront à s'accumuler et elles commenceront lentement à ralentir votre site. En nettoyant et en optimisant les bases de données, vous pouvez accélérer votre site WordPress. Heureusement, vous n'avez pas besoin d'ouvrir manuellement chaque base de données et de parcourir des milliers de lignes qui y sont stockées, mais vous pouvez vous détendre et laisser le travail à un autre plugin WordPress. Dans ce cas, nous suggérons le plugin WP-Optimize qui est gratuit et peut fonctionner sans avoir besoin de PhpMyAdmin.

6. Supprimez les caractères inutiles du code source (minifiez-le)

Le code source peut contenir des milliers de lignes. En ajoutant des thèmes, des plugins et des fonctions personnalisées supplémentaires, le nombre augmente rapidement et affecte la vitesse de votre site. Bien que le code soit généralement utile, il existe de nombreux caractères inutiles dans le code source qui ne peuvent que vous ralentir. Qu'il s'agisse d'un groupe d'espaces blancs, de caractères de nouvelle ligne, de commentaires ou de délimiteurs de blocs, vous pouvez les supprimer en toute sécurité afin d'accélérer votre site WordPress.

Non, vous n'aurez pas à parcourir le code source pour supprimer ces caractères manuellement ; il existe un plugin WordPress qui peut faire le travail pour vous. Si vous avez installé W3 Total Cache pour résoudre le problème de mise en cache, vous disposez déjà d'un plugin qui peut être utilisé pour la minification. Un autre plugin populaire qui peut minimiser le code sur votre site Web WP est Autoptimize.

Accélérer un site WordPress prend du temps. Il y a tellement de choses que vous pouvez améliorer afin de supprimer cette petite fraction de seconde du temps de chargement. Mais, la vitesse de votre site compte à la fois du point de vue des visiteurs et des moteurs de recherche. Et, bien que vous deviez passer par différentes techniques et plugins pour tirer le meilleur parti de votre site, cela en vaudra la peine.

Avant d'entrer dans les détails, assurez-vous d'avoir la meilleure option d'hébergement. C'est la première étape dont vous avez besoin pour avoir un site rapide.

Maintenant, laissez-nous vous montrer comment réduire manuellement les fichiers CSS et JavaScript, et énumérer également deux plugins qui vous aideront à accélérer votre site. Prêt?

Qu'est-ce que la minification ?

Avant de vous salir les mains sur les fichiers, voyons rapidement ce que signifie réduire les fichiers CSS et JavaScript dans WordPress. Comme vous le savez probablement déjà, des dizaines et des dizaines de fichiers sont nécessaires pour que WordPress fonctionne correctement. Lorsque vous ajoutez de nouveaux thèmes et plugins, le nombre ne cesse de croître. Simultanément, la vitesse de votre site Web ne cesse de diminuer. Heureusement, vous n'avez pas à vous soucier beaucoup du code qui alimente WordPress, les thèmes et les plugins. Mais sachez que vous pouvez réduire la taille de ces fichiers et ainsi augmenter la vitesse de votre blog.

La minification est un processus de suppression des caractères inutiles du code. Le processus rendra les fichiers affectés plus petits, mais ne changera pas sa fonctionnalité.

Lorsque vous minifiez des fichiers CSS et JavaScript dans WordPress, vous supprimez des éléments tels que les espaces blancs, les caractères de nouvelle ligne, les commentaires et les délimiteurs de blocs. Pour chaque caractère supprimé du code, vous accélérerez un peu votre site. Voici un exemple simple de code CSS avant et après le processus de minification.

Code CSS avant minification

 corps {
 marge : 10 pixels ;
 couleur : #333333 ;
 arrière-plan : bleu ;
 }

Bien que cela soit beaucoup plus facile pour l'œil humain, il utilise des caractères dont une machine n'a pas besoin pour interpréter le code.

Code CSS après minification

 body{margin:20px;color:#333;background:blue}

Pour un ordinateur, ce code ressemble à celui affiché précédemment. Les nouvelles lignes ne sont pas quelque chose dont un ordinateur a besoin pour exécuter le code correctement. Si vous regardez la couleur, vous pouvez voir que nous avons même supprimé quelques chiffres ; un ordinateur connaîtra toujours la bonne couleur. Notez qu'il n'y a pas de point-virgule après le dernier élément. Dans cet exemple simple, nous avons supprimé quelques caractères et réduit le code. Imaginez maintenant ce qui se passe lorsque vous avez des milliers de lignes de code.

Minifier manuellement les fichiers CSS et JavaScript

Lorsque vous travaillez sur un thème ou un plugin personnalisé pour WordPress, vous souhaiterez réduire les fichiers CSS et JavaScript sur lesquels vous travaillez. Dans ce cas, vous n'aurez pas à installer de plugins supplémentaires pour faire le travail à votre place. Au lieu de cela, vous pouvez rapidement réduire uniquement les fichiers dont vous avez besoin. En faisant cela, vous pouvez vous permettre le luxe de taper le code qui est agréable pour vos yeux, tout en le rendant aussi rapide que possible par la suite. Si vous êtes plus sérieux au sujet du codage, vous voudrez envisager d'utiliser des préprocesseurs CSS et JS. Ces applications sophistiquées peuvent vous aider à écrire le code, ainsi qu'à le réduire et à le traiter après avoir exporté les fichiers.

Minifier manuellement le CSS

• https://cssminifier.com
• http://www.cleancss.com/css-minify/
• http://csscompressor.com

Minifier manuellement JavaScript

• http://www.minifier.org
• https://jscompress.com
• https://javascript-minifier.com

Meilleurs plugins WordPress de minification

Les services que nous vous avons montrés ci-dessus feront un excellent travail avec votre code personnalisé. Mais si vous souhaitez réduire tous les fichiers de votre site WordPress, il serait pratiquement ridicule de parcourir tous les fichiers présents sur votre serveur. Nous sommes heureux de vous informer que certains plugins gratuits fantastiques peuvent réduire les fichiers CSS et JavaScript dans WordPress pour vous. Laissez-nous vous montrer les meilleurs.

Optimisation automatique

Avec plus de 200 000 installations actives, Autoptimize est l'un des choix les plus populaires lorsqu'il s'agit d'optimiser votre site WordPress. Parmi d'autres fonctionnalités étonnantes, le plugin peut réduire les scripts, les styles et le HTML . Il compressera les fichiers, les mettra en cache et déplacera le code afin d'accélérer votre site .

1. Installer et activer le plugin
2. Allez dans Paramètres -> Optimisation automatique
3. Cliquez sur Afficher les paramètres avancés
4. Vérifiez les options Optimiser le code HTML, Optimiser le code JavaScript et Optimiser le code CSS
5. Sauvegarder les modifications

Cache total W3

Ce plugin populaire fait tout. Bien sûr, le plugin mettra en cache les fichiers pour vous en premier lieu. Mais si vous souhaitez supprimer les chaînes de requête des ressources statiques, W3 Total Cache le fera pour vous. De même, il réduira les fichiers CSS et JavaScript, et il fera même la même chose pour vos publications, pages et RSS. Vous n'avez qu'à le vérifier.

1. Installer et activer le plugin
2. Accédez à Performance -> Minifier
3. Assurez-vous de garder la structure de l'URL de réécriture cochée
4. Activer les paramètres de minification HTML , les paramètres de minification JS et les paramètres de minification CSS
5. Enregistrer tous les paramètres

Comme vous pouvez le voir, le processus de minification est assez simple. Si vous utilisez un plugin WordPress, vous n'avez vraiment pas d'excuse. Réduisez les fichiers CSS et JS sur votre site et revenez au test de vitesse et de performances en ligne de votre choix. Nous sommes sûrs que vous obtiendrez un bien meilleur score et une note de remerciement de la part de vos visiteurs et moteurs de recherche.

7. Choisissez un thème WordPress rapide

Avant même de commencer à travailler sur votre site, vous devez être prudent lorsque vous choisissez un thème WordPress. Au début, il peut sembler qu'un thème spécifique attirera plus de visiteurs simplement en raison de sa mise en page et des magnifiques images qu'il utilise. Mais essayez d'anticiper ; au lieu de simplement choisir le plus beau thème que vous trouvez, testez plusieurs thèmes dans différents navigateurs, à partir de différents appareils.

Vous serez surpris de la différence qu'un thème peut signifier pour l'ensemble de la vitesse du site. Non seulement un grand nombre d'images peuvent étouffer le thème, mais il y a tellement de choses cachées dans le code qui peuvent faire une grande différence. Bien que ce ne soit pas toujours le cas, les thèmes premium devraient être mieux codés et devraient mieux fonctionner.

8. N'installez pas de plugins inutiles

Lorsque vous commencez à travailler sur votre site, il peut être tentant d'installer de nouveaux plugins. Bien qu'il existe des plugins que vous devrez avoir installés et exécutés, veillez à ne pas surcharger votre site. Pour commencer, les plugins actifs auront certainement un impact sur la vitesse de votre site.
. D'un autre côté, même les plugins inactifs occuperont votre précieux espace, ce qui affectera la taille de vos fichiers de sauvegarde. Lorsque vous additionnez tout, les plug-ins actifs et inactifs peuvent nuire à la vitesse de votre site, alors réfléchissez-y à deux fois avant d'installer un plug-in dont vous n'avez pas réellement besoin.

9. Divisez les messages plus grands

Si vous avez tendance à écrire de très longs articles auxquels vous avez également joint de nombreuses vidéos et images, vous devriez envisager de les diviser en plusieurs pages. Cela peut être fait très rapidement puisque vous n'avez même pas besoin d'utiliser un plugin pour cela – WordPress vous a couvert, mais peut-être que vous ne le savez même pas.

10. Limiter le nombre de révisions de messages

Les révisions de poste sont une chose utile. Mais le fait est que la plupart des utilisateurs ne les utilisent pas du tout ou qu'ils n'ont pas besoin de plus de quelques révisions par publication. Les révisions sont stockées dans une base de données et si vous avez un grand nombre de publications, imaginez combien de révisions supplémentaires il y aura. Cela ralentira certainement votre site WordPress, alors assurez-vous de limiter le nombre de révisions ou même de les supprimer complètement si vous n'en avez pas besoin.

11. Mettez à niveau vers PHP7. Maintenant!

Vous devez toujours vous efforcer de faire le moins de travail possible pour obtenir le plus de résultats possible. Optimiser votre site pour faire vite n'est pas différent. Pourquoi passer des heures à optimiser juste pour gagner quelques millisecondes alors que vous pouvez faire quelques clics et accélérer facilement le site de 20%. Il n'y a pas de magie dans notre méthode. C'est clair, simple et évident. Une fois que vous l'aurez mis en œuvre, vous vous demanderez « pourquoi ne l'ai-je pas fait plus tôt ».

De nombreux tests montrent que PHP7 est 20% plus rapide que PHP5 dans des environnements de production réels. Sur les tests génériques, cela peut être 200% plus rapide. Il est également plus sécurisé, possède de nouvelles fonctionnalités utiles et est recommandé par WordPress. Alors, comment faire la mise à niveau ?

Si vous utilisez une société d'hébergement décente, vous êtes déjà sur PHP7, vérifiez donc votre version avant d'aller plus loin. Saisissez le plugin My WordPress Health Check ou téléchargez un fichier avec la fonction phpinfo(). Déjà sur PHP7 ? Superbe! Vous avez terminé. Utiliser PHP5 ? Débarrassons-nous-en.

Connectez-vous à votre cPanel. Si vous n'avez pas de lien à portée de main, ajoutez simplement ":2083" à la fin de votre nom de domaine, c'est-à-dire http://www.mydomain.com:2083 . Une fois que vous y êtes, recherchez une icône indiquant « Sélecteur PHP », « Sélectionner la version PHP » ou « Gestionnaire de version PHP » dans la section « Logiciel ». Cliquez sur l'icône pour ouvrir le sélecteur de version PHP. Selon ce que votre société d'hébergement a activé, vous pourrez soit sélectionner la version PHP pour l'ensemble du compte, pour des domaines spécifiques ou au niveau d'un dossier. Quelle que soit la situation activée dans votre cPanel, assurez-vous de choisir la v7.0 ou la v7.1 pour votre installation WordPress. Cliquez sur « Enregistrer ». Actualisez votre site pour vérifier que le changement est actif et profitez de l'accélération.

Mais… (insérez votre excuse ici)

Si vous n'avez pas déjà effectué la mise à niveau, vous avez sûrement une « bonne » raison pour cela. Ne vous offensez pas, mais non, vous ne le faites pas ! Laissez-nous casser ces excuses que vous avez.

Cela ressemble à beaucoup de travail et de choses liées au serveur que je ne comprends pas

Oui, c'est lié au serveur, mais si vous savez vous connecter à cPanel, vous avez toutes les compétences nécessaires. C'est autant de travail que de créer une nouvelle adresse e-mail dans cPanel. Trouvez l'icône; Cliquez sur; sélectionnez une nouvelle version dans la liste déroulante ; enregistrer. Terminé.

Si vous n'êtes pas à l'aise de le faire, ce qui est bien, ouvrez un ticket d'assistance avec votre société d'hébergement, et ils le feront pour vous.

Mon hébergeur ne supporte pas PHP7

C'est un énorme problème ! Énorme! Ce fait en soi n'est peut-être pas si préoccupant, mais il a de nombreuses autres conséquences. Cela signifie que vous utilisez un logiciel serveur obsolète et que votre hébergeur ne fait tout simplement pas son travail. Pour le moment, vous payez le prix d'un site lent, mais bientôt, lorsque les choses commenceront à s'effondrer parce qu'ils ne maintiennent pas les serveurs, vous serez confronté à de sérieux temps d'arrêt.

Envoyez-leur un e-mail et demandez-leur de migrer immédiatement votre compte vers un nouveau serveur prenant en charge PHP7. S'ils ne le font pas (pour une raison quelconque), vous devez trouver une bonne société d'hébergement WordPress. Vous avez peur et ne voulez pas le faire ? Il n'y a rien de mal à s'inquiéter des migrations, mais vous n'êtes pas obligé de le faire vous-même.

J'ai entendu dire que WordPress ne fonctionnait pas avec PHP7

Sérieusement!? WordPress note explicitement PHP7 ou supérieur comme exigence de serveur. Bref, ça marche.

PHP7 est nouveau et expérimental

PHP v7.0 est sorti en décembre 2015. Ce n'est pas vraiment « nouveau ». C'est un logiciel qui a fait ses preuves et qui est meilleur que PHP5. C'est plus rapide, a plus de fonctionnalités, et c'est tout simplement l'avenir. Si cela ne vous suffit pas, gardez à l'esprit que PHP5 n'est plus activement maintenu.

12. Améliorer la vitesse de WordPress en modifiant la mise en cache du navigateur

Lorsqu'un utilisateur commence à charger votre site Web, son navigateur commence immédiatement à télécharger tous les fichiers nécessaires à partir d'un serveur sur lequel se trouve votre site Web. Selon la vitesse de connexion Internet de l'utilisateur et les capacités du serveur, le site peut être chargé plus rapidement ou plus lentement. Bien entendu, chaque partie souhaite charger le site le plus rapidement possible et vous, en tant qu'administrateur, devez faire tout ce qui est en votre pouvoir pour rendre votre site aussi rapide que l'éclair.

Améliorer la vitesse de WordPress et mettre en cache les fichiers statiques plus longtemps

Cette première visite sur votre site dépend entièrement de la connexion Internet et du serveur, mais vous pouvez effectuer le changement pour vos visiteurs réguliers. Ils ne sauront probablement pas que les changements sont effectués, mais ils auront toujours à l'esprit la vitesse réelle de votre site. Vous pouvez vous mettre à leur place - si les sites mettent quelques secondes à charger chaque page, vous ne resterez probablement pas trop longtemps, peu importe la qualité du contenu, n'est-ce pas ?

La technologie de mise en cache prend certains des fichiers du serveur et les stocke sur un ordinateur local. Ensuite, si un utilisateur visite à nouveau le même site, le navigateur vérifiera les fichiers stockés et les chargera instantanément au lieu de les télécharger à nouveau depuis le serveur distant. Cela rend le temps de chargement beaucoup plus court, améliore la vitesse de WordPress et rend un visiteur beaucoup plus heureux.

En utilisant le code suivant, vous pouvez dire à WordPress de mettre en cache les fichiers statiques pendant une période plus longue. Avant d'exécuter pour copier et coller le code, prenez une minute pour reconsidérer : à quelle fréquence apportez-vous des modifications à votre site Web, quel type de contenu avez-vous et cela peut-il vraiment aider votre site si vous prolongez la mise en cache ?

• Ouvrir le fichier .htaccess
• Copiez et collez les éléments suivants :

 # Mise en cache du navigateur
<IfModule mod_expires.c>
ExpireActive le
ExpiresByType image/jpg "accès 1 an"
ExpiresByType image/jpeg "accès 1 an"
ExpiresByType image/gif "accès 1 an"
ExpiresByType image/png "accès 1 an"
ExpiresByType text/css "accès 1 mois"
ExpiresByType application/pdf "accès 1 mois"
ExpiresByType text/x-javascript "accès 1 mois"
ExpiresByType application/x-shockwave-flash "accès
1 mois"
ExpiresByType image/x-icon "accès 1 an"
ExpirePar défaut "accès 2 jours"
</IfModule>

• Sauvegarder les modifications

Après avoir enregistré les modifications, votre serveur modifiera l'heure d'accès pour stocker ces fichiers localement. Si vous n'êtes pas à l'aise pour modifier le fichier .htaccess par vous-même, vous pouvez faire de même en utilisant un simple plugin.

13. Comment supprimer les chaînes de requête des ressources statiques dans WordPress et accélérer votre site

Si vous avez essayé d'accélérer et d'optimiser votre site WordPress, vous avez probablement rencontré différents outils de diagnostic en ligne qui peuvent vous aider. Nous vous encourageons à faire les tests; ils vous diront les performances de votre site Web et la plupart de ces outils vous montreront des détails sur la vitesse de votre site.

Par exemple, si vous exécutez un test sur GTmetrix, il vous montrera quelles images ralentissent votre site. Il vous indiquera la vitesse de chargement des feuilles de style et des scripts, des détails sur la minification et bien plus encore. L'une des choses que de nombreux utilisateurs de WordPress trouvent en tête de liste (ce qui signifie que le problème doit être résolu le plus rapidement possible) est « supprimer les chaînes de requête des ressources statiques ». Dans cette partie, nous expliquerons brièvement ce que sont les chaînes de requête et comment les supprimer rapidement afin d'améliorer la vitesse de votre site Web.

Que sont les chaînes de requête

Les chaînes de requête sont des parties d'URL que vous pouvez trouver après un point d'interrogation (?) ou une esperluette (&). Les navigateurs ou les applications externes ajoutent généralement ces parties aux URL afin d'ajouter des paramètres supplémentaires.

En utilisant des chaînes de requête, par exemple, un plugin WordPress peut transmettre différentes valeurs via l'URL afin que d'autres applications et services puissent les utiliser.

Le plus souvent, après avoir cliqué sur une publicité, un article de réseau social ou votre boîte de réception de courrier électronique, vous verrez une URL assez longue avec des chaînes de requête. Afin d'indiquer aux services d'analyse l'origine de votre visite, d'autres services (et les humains eux-mêmes) ajouteront UTM - des chaînes de requête spécifiques qui décrivent les sources, les médias et les campagnes. Les spécialistes du marketing l'utilisent pour suivre l'efficacité de leurs campagnes. Et c'est quelque chose de tout à fait normal ; ne vous inquiétez pas de ces types de chaînes de requête.

Pourquoi et quand supprimer les chaînes de requête ?

Bien que les chaînes de requêtes soient une partie importante des éléments dynamiques, elles peuvent ralentir votre site WordPress si elles sont utilisées dans des ressources statiques. Si vous avez déjà ouvert une console de navigateur sur votre site, vous avez peut-être constaté que le site Web affiche les numéros de version des scripts et des styles. Cela peut sembler familier :

Certains serveurs proxy de mise en cache et CDN ne peuvent pas mettre en cache ce type de ressources. Cela signifie que chaque fois que vous ouvrez un site, le serveur devra vous envoyer le fichier encore et encore. Et c'est quelque chose qui ralentit énormément un site. Cette seule chaîne de requête ne fera pas beaucoup de différence, mais lorsque vous en accumulez quelques-unes, les choses peuvent devenir sérieuses. Il est enfin temps de résoudre le problème et de supprimer les chaînes de requête des ressources statiques.

Comment supprimer les chaînes de requête des ressources statiques

Il existe quelques techniques pour supprimer les chaînes de requête des ressources statiques dans WordPress, et nous sommes sur le point de vous les montrer. Vous pouvez le faire en copiant une fonction simple, ou vous pouvez utiliser quelques plugins WordPress qui résoudront le problème pour vous. Quelle que soit la technique que vous choisissez, vous ne vous tromperez pas - vous supprimerez les chaînes de requête des ressources statiques dans les prochaines minutes et accélérerez votre site au moment même.

Ajouter une fonction simple

La première méthode nécessite simplement de copier et coller une fonction simple dans votre fichier functions.php. Si vous y avez déjà ajouté une fonction, vous savez déjà que ce n'est pas si grave. Mais si c'est votre première fois, soyez très prudent car une petite erreur dans le fichier peut rendre votre site inutilisable. Pour vous sentir en sécurité, veuillez créer une sauvegarde du fichier avant de continuer.

• Ouvrez et modifiez le fichier functions.php
• Copiez et collez le code suivant :

 fonction _remove_script_version( $src ){
$parts = exploser( '?ver', $src );
renvoie $parts[0] ;
}
add_filter( 'script_loader_src', '_remove_script_version'
, 15, 1 );
add_filter( 'style_loader_src', '_remove_script_version'
, 15, 1 );

• Sauvegarder les modifications

Décochez l'option dans W3 Total Cache

Étant donné que W3 Total Cache est un plugin populaire qui compte actuellement plus d'un million d'installations actives, il est probable que vous utilisiez déjà le plugin. Dans ce cas, il vous suffira de décocher une option dans les paramètres :

1. Accédez à Performance -> Cache du navigateur
2. Décochez l'option Empêcher la mise en cache des objets après la modification des paramètres
3. Sauvegarder les modifications

Utiliser le plugin Supprimer les chaînes de requête des ressources statiques

Si vous n'aimez pas ajouter le code à functions.php par vous-même, vous pouvez utiliser un plugin gratuit pour le travail. Remove Query Strings From Static Resources est un plugin léger et simple qui fera la même chose sans vous obliger à toucher le code.

Installez simplement le plugin, activez-le et le tour est joué. Au moment où vous activez le plugin, les chaînes de requête seront supprimées des ressources statiques.

Quelle que soit la technique utilisée, la suppression des chaînes de requête n'aurait pas dû être une tâche difficile. Maintenant que vous avez terminé, vous pouvez exécuter une autre analyse sur l'outil de vitesse et de performances de votre choix pour voir si et comment le score (et la vitesse de votre site) s'est amélioré.

14. Réduisez le nombre de requêtes HTTP et accélérez votre site WordPress

Bien que tout ce qu'il faut pour charger un site Web soit un clic sur le bouton pour vous, il y a beaucoup plus à gérer pour les ordinateurs. Ce clic et cette seconde qui prendront jusqu'à ce qu'une page s'affiche devant vous peut cacher des dizaines, voire des centaines de requêtes HTTP au serveur. Évidemment, plus il y a de va-et-vient d'informations, plus vous devrez attendre le chargement d'un site. L'une des choses les plus simples que vous puissiez faire pour accélérer votre site est d'avoir une bonne société d'hébergement. Mais lorsque vous décidez d'aller encore plus loin pour accélérer votre site Web WordPress, vous devez vous occuper des requêtes HTTP.

Pour commencer, vous devriez tester votre site Web pour voir combien de requêtes il faut pour charger une page particulière. Il existe différentes manières de tester. Au lieu de vous montrer toutes les possibilités, il suffira de saisir une URL dans le vérificateur de requêtes HTTP. Vous obtiendrez les résultats immédiatement et, espérons-le, vous n'aurez pas plus de 30 demandes. Si vous le faites, il est temps de réduire le nombre de requêtes HTTP et d'accélérer votre site WordPress.

15. N'utilisez pas de Gravatars

Si vous utilisez le système de commentaires par défaut de WordPress, vous utilisez également Gravatars. Maintenant, si vous recevez quelques commentaires par mois, cela n'a pas à vous préoccuper beaucoup. Mais si vos visiteurs aiment laisser des notes rapides sous vos articles, vous devriez envisager de supprimer les Gravatars de l'image.

Une fois que nous vous disons que chaque image Gravatar ajoute une autre requête HTTP au serveur, imaginez ce qui se passe lorsque vous avez plus de, disons, cent commentaires sur une seule page ? Devinez ce qui se passe lorsqu'il y a plus d'une centaine de demandes supplémentaires qui n'ont pas besoin d'être là - oui, votre site devient plus lent.

Si vous n'avez pas besoin de ces petites images à côté de chaque commentaire, accédez simplement à Paramètres -> Discussion -> Avatars et décochez l'option pour afficher les avatars dans les commentaires. C'est facile comme ça. Au cas où vous n'auriez qu'à avoir des avatars, vous devriez envisager d'installer un système de commentaires tiers pour WordPress qui gérera les choses différemment. Par exemple, Disqus est un choix populaire qui permet d'afficher les avatars beaucoup plus rapidement.

16. Supprimez les commentaires si vous ne les utilisez pas

Comme vous pouvez le deviner, l'utilisation de commentaires nécessite des fichiers supplémentaires. Si vous utilisez le système de commentaires par défaut, vous n'avez rien à faire – c'est quelque chose dont vous bénéficiez et cette demande supplémentaire est justifiée. Mais si vous n'utilisez pas de commentaires sur votre site ou si vous utilisez un système de commentaires différent, vous devez supprimer le script de réponse aux commentaires. Pour ce faire, vous devez copier la fonction suivante dans le fichier functions.php :

 fonction comments_clean_header_hook(){
 wp_deregister_script( 'comment-reply' );
 }
add_action('init','comments_clean_header_hook');fonction
comments_clean_header_hook()
{
wp_deregister_script( 'comment-reply' );
}
add_action('init','comments_clean_header_hook');

17. Supprimer les émojis

Oui, les emojis sont mignons. Oui, tout le monde les utilise sur leurs ordinateurs, smartphones et tablettes. Bien que WordPress les ait introduits dans la version 4.2. cela ne signifie pas que vous devez charger ce fichier JS supplémentaire sur votre site juste pour avoir les smileys . La vitesse de votre site devrait être plus importante que d'avoir des emojis (à moins que vous ne puissiez pas vivre sans eux).

18. Utilisez des sprites CSS dans WordPress

Comme vous pouvez le voir en testant une page, chaque image nécessite une requête HTTP. Cela ne signifie pas que vous devez supprimer les images, mais vous devez en prendre soin. En ce qui concerne la vitesse de votre site, apprenez à optimiser les images pour WordPress. Mais en ce qui concerne les requêtes, vous pouvez réduire le nombre de ces requêtes HTTP en créant des Sprites CSS.

Si vous allez sur le site Spriteme, vous pourrez sélectionner toutes les images d'une page que vous utilisez et les combiner en un seul fichier. Après avoir modifié les liens vers les images, vous augmenterez la taille de l'image, mais en même temps, vous réduirez le nombre de demandes. Cela peut sembler contradictoire, mais vous pouvez en fait accélérer les choses : un serveur fonctionnera mieux avec un seul gros fichier que d'avoir à répondre à des dizaines de requêtes.

19. Limitez le nombre de boutons de réseaux sociaux

Les médias sociaux sont devenus un élément standard de chaque site Web. Que vous ayez un petit site personnel ou professionnel, ou que vous utilisiez un portail avec des dizaines d'écrivains, vous devrez connecter les médias sociaux au site. C'est bon, et tu devrais le faire.

Mais lorsqu'il s'agit d'afficher les boutons sociaux, moins c'est plus . Bien que vous ayez ouvert des comptes sur une douzaine de réseaux, affichez des boutons uniquement pour ceux que vous nourrissez le plus. Chaque bouton chargera sa propre image et des fichiers supplémentaires qui peuvent ralentir votre site.

20. Déchargez les scripts et les styles que vous n'utilisez pas

Un utilisateur moyen de WordPress n'a aucune idée de ce qui se passe en arrière-plan. Qui a le temps de réfléchir aux scripts et aux styles d'un site. Nous ne vous en voulons pas, mais maintenant que nous avons retenu votre attention, prenez le temps de vérifier sur votre site les scripts et les styles dont vous n'avez pas besoin.

Vous n'avez pas besoin d'être un expert. Nous vous avons déjà montré un petit plugin sympa qui vous montrera tous les scripts et styles qui se chargent sur chacune de vos pages. En utilisant WP Asset CleanUp, vous pouvez facilement reconnaître les fichiers dont vous n'avez plus besoin et vous pouvez les décharger rapidement. Si vous avez plus d'expérience avec WordPress, le plugin vous aidera à isoler les données, et vous pourrez plus tard supprimer manuellement les fichiers. Sinon, laissez le plug-in et laissez-le gérer les scripts et les styles pour vous.

21. Désactiver les intégrations

To improve user experience, WordPress developers introduced a new JS file that allows you to embed videos from different services like Youtube is just by copying a URL. You can embed images and tweets the same way just by pasting the link in the Visual Editor.

While this feature is an amazing one, many people just don't use it. If you're trying to speed up your site, it is more important to remove one request than having a preview of the video. You know which video you're embedding, so there's no real need for having that preview, right?

If you're not good with code, and you just have to install a plugin, there a simple plugin that will remove embeds from your site. If you can handle a few lines of code that you just need to copy, use the following function and put it in your functions.php file:

 function speed_stop_loading_wp_embed() {
 if (!is_admin()) {
 wp_deregister_script('wp-embed');
 }
 }
 add_action('init', 'speed_stop_loading_wp_embed');

Take your time, and check your WordPress site for those unwanted HTTP requests. Even if you reduce the number just for a few pages, or if you find just a file that you don't have to load, it will be a success. Ne t'inquiète pas; even if your users don't feel the speed improvement, search engines will.

Conclusion: Always take care of your blog speed

If you make changes only to several things on your site, you might benefit from them. The steps we have described in this article are completely free, so it won't hurt to try them out. Still, don't forget to take care of your site; update WordPress, themes, and plugins on a regular basis and never neglect your blog.

Sometimes, even an optimized site won't run fast. In that case, you will have to look for another hosting company or consider paying extra bucks for a managed or dedicated server.