21 conseils pour accélérer un blog WordPress

WordPress 21 conseils pour accélérer le site Web


Lorsque vous naviguez sur Internet, vous ne pensez probablement pas à la vitesse du site Web. Si votre connexion Internet est suffisamment bonne, vous n’avez probablement que deux conclusions sur chaque site en ce qui concerne la vitesse – le site est ou n’est pas assez rapide. Et c’est ainsi que la plupart des internautes verront votre site Web 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, certains nécessiteront des connaissances techniques, certains nécessiteront un dévouement total de votre part tandis que certains seront tout simplement trop chers.

Comme toujours, WordPress peut vous aider avec 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 influent sur la vitesse du site et, selon votre site, vous pouvez améliorer la vitesse dans les prochaines minutes.

  1. Utilisez un plugin de mise en cache
  2. Optimiser les images
  3. Optimiser la page d’accueil
  4. Chargez correctement Google Maps
  5. Nettoyer et optimiser les bases de données
  6. Supprimez les caractères inutiles du code source (réduisez-le)
  7. Choisissez un thème WordPress rapide
  8. N’installez pas de plugins inutiles
  9. Séparer les messages plus gros
  10. Limiter le nombre de révisions de messages
  11. Passez à PHP7. Maintenant!
  12. Modifier la mise en cache du navigateur
  13. Comment supprimer des chaînes de requête des ressources statiques
  14. Réduisez le nombre de requêtes HTTP
  15. N’utilisez pas Gravatars
  16. Supprimez les commentaires si vous ne les utilisez pas
  17. Supprimer les emojis
  18. Utiliser des sprites CSS dans WordPress
  19. Limitez le nombre de boutons de réseaux sociaux
  20. Déchargez les scripts et les styles que vous n’utilisez pas
  21. Désactiver les intégrations

Contents

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 aussi 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 de retour 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 seront totalement gratuits! Le plugin le plus populaire pour le travail est Cache total W3 qui compte plus d’un million d’utilisateurs actifs. C’est impressionnant! Il existe d’autres plugins qui peuvent faire de même, comme 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 d’une galerie entière de photos que vous souhaitez afficher, les images non optimisées peuvent ralentir considérablement votre site Web. Supposons que vous utilisez un appareil photo qui peut prendre des photos haute résolution. Ces photos seront 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èrent de gros fichiers. Si vous n’y pensez pas et que vous téléchargez simplement une photo, imaginez la charge sur votre site.

En ajoutant simplement une image de 2 Mo ou 4 Mo «lourde», vos utilisateurs devront télécharger cette image une fois qu’ils ouvriront votre site. Bien que les utilisateurs provenant d’une connexion à large bande ne ressentent pas beaucoup de différence, les utilisateurs dont la vitesse Internet est plus lente 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 car 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 les images en pleine résolution, commencez par réduire la résolution. Par exemple, si votre thème affiche une largeur maximale de 800 pixels, votre image ne doit pas être plus large que cela. Vous pouvez simplement changer la taille ou 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.

Il existe également de nombreux plugins WordPress comme WP Smush – Optimisation d’image qui peut automatiquement optimiser les images pour vous.

3. Optimiser la page d’accueil

Votre page d’accueil est une page importante. Même si une personne n’atterrit 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é correctement. Comme mentionné précédemment, prenez soin des images sur votre site Web et assurez-vous qu’elles sont optimisées. Utilisez des extraits plus petits pour vos articles au lieu d’en afficher de plus grands. N’affichez pas les images des publications; au lieu de cela, laissez un lien «en savoir plus» avant la première image dans un message. 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

Widget 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 Plugin Google Maps Widget qui peut rendre une image miniature de votre carte. Ce faisant, vous n’ajouterez que plusieurs kilo-octets de données à votre site au lieu d’un ou plusieurs mégaoctets. Cela aura un impact énorme sur la vitesse de votre site Web, tandis que vos visiteurs qui sont intéressés par la carte peuvent toujours avoir 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 à se constituer 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 à ouvrir manuellement chaque base de données et à 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 Plugin WP-Optimiser qui est gratuit et peut fonctionner sans avoir besoin de PhpMyAdmin.

6. Supprimez les caractères inutiles du code source (réduisez-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, le code source contient de nombreux caractères inutiles qui ne peuvent que vous ralentir. Qu’il s’agisse d’un groupe de caractères d’espace blanc, de caractères de nouvelle ligne, de commentaires ou de délimiteurs de bloc, 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 réduire le code sur votre site Web WP est Optimiser.

Accélérer un site Web 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 est importante du point de vue des visiteurs et des moteurs de recherche. Et, même si vous devrez 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 répertorions également deux plugins qui vous aideront à accélérer votre site. Prêt?

Qu’est-ce que la minification?

Avant de vous salir les fichiers, voyons rapidement ce que cela signifie de réduire les fichiers CSS et JavaScript dans WordPress. Comme vous le savez probablement déjà, il faut des dizaines et des dizaines de fichiers 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 continue de diminuer. Heureusement, vous n’avez pas à vous soucier du code qui alimente WordPress, les thèmes et les plugins. Mais vous devez savoir 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 de caractères inutiles du code. Le processus réduira les fichiers concernés, mais ne changera pas sa fonctionnalité.

Lorsque vous réduisez les 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 bloc. 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: 10px;
couleur: # 333333;
fond: 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

corps {marge: 20 pixels; couleur: # 333; arrière-plan: bleu}

Pour un ordinateur, ce code ressemble au précédent. 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.

Réduisez 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 facile à vos yeux, et toujours le rendre aussi rapide que possible par la suite. Si vous êtes plus sérieux au sujet du codage, vous voudrez peut-être envisager d’utiliser des préprocesseurs CSS et JS. Ces applications sophistiquées peuvent vous aider à écrire le code et à le réduire et à le réduire après avoir exporté les fichiers.

Réduire manuellement CSS

Réduire manuellement JavaScript

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 sur votre site WordPress, il serait pratiquement ridicule de parcourir chaque fichier sur votre serveur. Nous sommes heureux de vous faire savoir que certains plugins gratuits fantastiques peuvent réduire le fichier CSS et JavaScript dans WordPress pour vous. Laissez-nous vous montrer les meilleurs.

Optimiser

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. Aller à Paramètres -> Optimisation automatique
  3. Clique le Afficher les paramètres avancés
  4. Vérifier la Optimiser le code HTML, optimiser le code JavaScript, et Optimiser le code CSS les options
  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 de même pour vos publications, pages et RSS. Vous n’avez qu’à le vérifier.

  1. Installer et activer le plugin
  2. Aller vers Performance -> Minify
  3. Assurez-vous de conserver Réécrire la structure de l’URL vérifié
  4. Activer HTML paramètres de réduction, paramètres de réduction JS et paramètres de réduction 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 aucune 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 score bien meilleur 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 images magnifiques qu’il utilise. Mais essayez d’anticiper; au lieu de simplement choisir le plus beau thème que vous trouverez, testez plusieurs thèmes dans différents navigateurs, à partir de différents appareils.

Cela vous surprendra quelle différence un thème peut signifier pour la vitesse totale 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 doivent être mieux codés et mieux performants..

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 installer et exécuter, 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 ajoutez tout, les plugins actifs et inactifs peuvent nuire à la vitesse de votre site, alors réfléchissez bien avant d’installer un plugin dont vous n’avez pas réellement besoin.

9. Séparez les postes plus importants

Si vous avez tendance à écrire des articles très longs où vous avez également de nombreuses vidéos et images jointes, vous devriez envisager de les diviser en plusieurs pages. Cela peut être fait très rapidement car 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. Limitez le nombre de révisions des postes

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 y seront. Cela va certainement ralentir 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. Passez à 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 le rendre rapide n’est pas différent. Pourquoi passer des heures à optimiser juste pour raser 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 simple, simple et évident. Une fois que vous l’avez 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, il 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 mettre à niveau?

Si vous utilisez une société d’hébergement décente, vous êtes déjà sur PHP7, alors vérifiez votre version avant d’aller plus loin. Soit saisir le Mon plugin WordPress Health Check ou téléchargez un fichier avec le phpinfo () une fonction. Déjà sur PHP7? Superbe! Vous avez terminé. Vous utilisez PHP5? Débarrassons-nous de ça.

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 sur place, recherchez une icône indiquant «PHP Selector», «Select PHP Version» ou «PHP Version Manager» dans la section «Software». Cliquez sur l’icône pour ouvrir le sélecteur de version PHP. Selon ce que votre hébergeur 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 version 7.0 ou 7.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.

PHP7 WordPress

Mais… (insérez votre excuse ici)

Si vous n’avez pas encore mis à niveau, vous avez sûrement une “bonne” raison. Aucune infraction, 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 le menu déroulant; enregistrer. Terminé.

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

Ma société d’hébergement ne prend pas en charge PHP7

C’est un gros problème! Énorme! Ce fait en soi n’est peut-être pas 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 devrez faire face à de graves interruptions de service..

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 vous ne voulez pas le faire? Vous pouvez vous inquiéter des migrations, mais vous n’avez pas à le faire vous-même.

Des sociétés d’hébergement décentes feront la migration pour vous. Sérieusement, ce n’est pas une astuce marketing. Vous leur donnez votre ancien mot de passe cPanel, et c’est tout.

J’ai entendu dire que WordPress ne fonctionne pas avec PHP7

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

PHP7 est nouveau et expérimental

PHP v7.0 est sorti en décembre 2015. Ce n’est guère «nouveau». C’est un logiciel éprouvé qui est meilleur que PHP5. C’est plus rapide, plus de fonctionnalités et c’est tout simplement l’avenir. Si cela ne vous suffit pas, sachez que PHP5 n’est plus activement maintenu.

12. Améliorez 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 sûr, 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 rapide comme l’éclair..

Améliorez la vitesse de WordPress et cachez plus longtemps les fichiers statiques

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 seront probablement pas conscients 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 prennent quelques secondes pour 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 fichiers du serveur et les stocke sur un ordinateur local. Ensuite, si un utilisateur visite à nouveau le même site, le navigateur vérifie les fichiers stockés et les charge instantanément au lieu de les télécharger à nouveau depuis le serveur distant. Cela raccourcit le temps de chargement, améliore la vitesse de WordPress et rend le 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?

    1. Ouvrir le fichier .htaccess
    2. Copiez et collez les éléments suivants:
# Mise en cache du navigateur

ExpireActif 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 "access 1 month"
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"
ExpiresDefault "accès 2 jours"
  1. Sauvegarder les modifications

Après avoir enregistré les modifications, votre serveur modifiera l’heure d’accès pour le stockage local de ces fichiers. Si vous n’êtes pas à l’aise de 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 êtes probablement tombé sur différents outils de diagnostic en ligne qui peuvent vous aider. Nous vous encourageons à faire les tests; ils vous indiqueront 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 haut de la liste (ce qui signifie que le problème doit être résolu le plus rapidement possible) est de «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.

https://firstsiteguide.com/?utm_source=twitter&utm_medium=cpm&utm_campaign=twitter

Plus souvent qu’autrement, après avoir cliqué sur une publicité, un article sur les réseaux sociaux ou votre boîte de réception, 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 devez-vous supprimer des chaînes de requête?

GTmetrix supprime les chaînes de requête des ressources statiques

Bien que les chaînes de requête 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 vous sembler familier:

/wp-includes/css/dashicons.min.css?ver=4.4.2

Certains serveurs de mise en cache proxy 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. Juste qu’une chaîne de requête ne fera pas beaucoup de différence, mais lorsque vous en empilez 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 des chaînes de requête des ressources statiques

Chaîne de requête

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 vous oblige simplement à 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 extrêmement prudent car une petite erreur dans le fichier peut rendre votre site inutilisable. Juste pour vous sentir en sécurité, veuillez créer une sauvegarde du fichier avant de continuer.

    1. Ouvrez et modifiez le fichier functions.php
    2. Copiez et collez le code suivant:
fonction _remove_script_version ($ src) {
$ parts = explode ('? 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);
  1. Sauvegarder les modifications

Décochez l’option dans W3 Total Cache

Étant donné que W3 Total Cache est un plugin populaire qui compte plus d’un million d’installations actives à l’heure actuelle, 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. Aller vers Performances -> Cache du navigateur
  2. Décochez la case Empêcher la mise en cache des objets après la modification des paramètres option
  3. Sauvegarder les modifications

Utiliser le plugin Remove Query Strings From Static Resources

Si vous n’aimez pas ajouter le code à functions.php par vous-même, vous pouvez utiliser un plugin gratuit pour le travail. Supprimer les chaînes de requête des ressources statiques 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 vous avez terminé. 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 performance 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 seul clic et cette seconde qui durera jusqu’à ce qu’une page s’affiche devant vous peut masquer des dizaines sinon des centaines de requêtes HTTP au serveur. De toute évidence, plus les informations vont et viennent, plus vous devrez attendre le chargement d’un site. L’une des choses les plus simples que vous pouvez faire pour accélérer votre site est d’avoir une bonne société d’hébergement. Mais lorsque vous décidez d’aller 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 demandes faut-il 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.

Vérificateur de requêtes HTTP

15. N’utilisez pas 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 inquiéter beaucoup. Mais si vos visiteurs aiment laisser des notes rapides sous vos articles, vous devriez envisager de supprimer Gravatars de l’image.

Une fois que nous vous dirons 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 quand il y a plus d’une centaine de demandes supplémentaires qui ne doivent pas y être – oui, votre site ralentit.

Vérificateur de requêtes HTTP

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 aussi simple que ça. Dans le cas où vous devez simplement avoir des avatars, vous devriez envisager d’installer un système de commentaires tiers pour WordPress qui traitera 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 autre système de commentaires, 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 ('commentaire-réponse');
}
add_action ('init', 'comments_clean_header_hook');

17. Supprimer les emojis

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 veut pas dire vous devez charger ce fichier JS supplémentaire sur votre site juste pour avoir les visages souriants. La vitesse de votre site devrait être plus importante que d’avoir des emojis (à moins que vous ne puissiez pas vous en passer).

18. Utilisez des sprites CSS dans WordPress

Comme vous pouvez le constater 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, découvrez comment optimiser les images pour WordPress. Mais en ce qui concerne les demandes, vous pouvez réduire le nombre de ces demandes HTTP en créant des sprites CSS.

Si vous allez à Spriteme site, 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 ajouterez à la taille de l’image, mais en même temps, vous réduirez le nombre de demandes. Cela peut sembler contradictoire, mais vous pouvez réellement accélérer les choses – un serveur fonctionnera mieux avec un gros fichier que d’avoir à répondre à des dizaines de demandes.

19. Limitez le nombre de boutons de médias sociaux

Les médias sociaux sont devenus une partie standard de chaque site Web. Que vous ayez un petit site personnel ou professionnel ou que vous dirigiez un portail avec des dizaines de rédacteurs, vous devrez connecter les médias sociaux au site. C’est bon, et tu devrais faire ça.

Mais quand il s’agit de montrer les boutons sociaux, moins c’est plus. Bien que vous ayez peut-être ouvert des comptes sur une douzaine de réseaux, affichez les boutons uniquement pour ceux que vous entretenez le plus. Chaque bouton chargera sa propre image et des fichiers supplémentaires qui pourraient ralentir votre site.

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

Déchargez les scripts et les styles et accélérez votre site

Un utilisateur WordPress moyen n’a aucune idée de ce qui se passe en arrière-plan. Qui a le temps de penser aux scripts et aux styles sur 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 soigné 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 les décharger rapidement. Si vous avez plus d’expérience avec WordPress, le plugin vous aidera à isoler les données et vous pourrez ensuite 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

Pour améliorer l’expérience utilisateur, les développeurs de WordPress ont introduit un nouveau fichier JS qui vous permet d’intégrer des vidéos de différents services comme Youtube en copiant simplement une URL. Vous pouvez incorporer des images et des tweets de la même manière simplement en collant le lien dans Visual Editor.

Bien que cette fonctionnalité soit incroyable, de nombreuses personnes ne l’utilisent tout simplement pas. Si vous essayez d’accélérer votre site, il est plus important de supprimer une demande que d’avoir un aperçu de la vidéo. Vous savez quelle vidéo vous intégrez, il n’y a donc pas vraiment besoin d’avoir cet aperçu, non?

Si vous n’êtes pas bon avec le code, et que vous avez juste à installer un plugin, il y a un plugin simple qui supprimer les intégrations de votre site. Si vous pouvez gérer quelques lignes de code qu’il vous suffit de copier, utilisez la fonction suivante et placez-la dans votre fichier functions.php:

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

Prenez votre temps et consultez votre site WordPress pour ces requêtes HTTP indésirables. Même si vous réduisez le nombre juste pour quelques pages, ou si vous trouvez juste un fichier que vous n’avez pas à charger, ce sera un succès. Ne vous inquiétez pas; même si vos utilisateurs ne ressentent pas amélioration de la vitesse, les moteurs de recherche.

Conclusion: prenez toujours soin de la vitesse de votre blog

Si vous n’apportez des modifications qu’à plusieurs éléments de votre site, vous pourriez en bénéficier. Les étapes que nous avons décrites dans cet article sont entièrement gratuites, donc cela ne fera pas de mal de les essayer. N’oubliez pas de prendre soin de votre site; mettez régulièrement à jour WordPress, les thèmes et les plugins et ne négligez jamais votre blog.

Parfois, même un site optimisé ne fonctionnera pas rapidement. Dans ce cas, vous devrez chercher une autre société d’hébergement ou envisager de payer des dollars supplémentaires pour un serveur géré ou dédié.

Jeffrey Wilson Administrator
Sorry! The Author has not filled his profile.
follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map