26 conseils d'optimisation WordPress (Guide 2019)

Formation gratuite WordPress

Il y a quelques semaines, je cherchais dans certaines ressources de vitesse / performance de WordPress et je me suis retrouvé à expliquer à fond la manière dont il fallait accélérer les sites WordPress. Après avoir lu pendant littéralement combien de jours sur le sujet, je me suis demandé – si je faisais une étude de cas sur l’accélération de la vitesse de ce site?

Bref, je l'ai fait, et si vous recherchez le correctif le plus rapide (et le meilleur) sans lire l'article en entier, le voici.

Mais si vous voulez savoir comment le faire sans payer ce petit prix, alors lisez la suite…

Avant de commencer, J'ai fait encore plus de recherches et trouvé 26 façons d'accélérer les sites / blogs WordPress. Ils sont tous énumérés ci-dessous.

Pour rendre cette étude de cas plus précise, j'ai également mentionné les réglages que j'ai utilisés et ceux que je n'ai pas utilisés.

Après avoir implémenté certains éléments de ce post, j'ai réussi à réduire ma page d'accueil. vitesse de chargement de 4,23 secondes à 1,33 seconde (sans changer mon hôte)!

Avant les changements

Après les changements

Pour info, je ne bluffe pas ici. J'ai notamment demandé à l'un de mes développeurs Web de suivre les étapes décrites dans ce post.

Si vous le souhaitez, vérifiez la vitesse de votre propre site via l'outil Pingdom également, rendez-vous ici: tools.pingdom.com/fpt/

Je sais qu’à présent, vous avez probablement besoin d’informations sur les moyens d’accélérer votre WordPress, mais d’abord – lisez ceci:

Pourquoi devriez-vous quand même accélérer WordPress?

Il semble que ma page d’accueil ne se charge que trois secondes plus rapidement qu’avant, mais voici la triste vérité. Saviez-vous que…

une seconde de retard dans le temps de chargement de votre site peut provoquer une 7% de perte de conversions?
… Et un 11% de perte de pages vues?
… Et un 16% de perte de satisfaction client? Dois-je continuer?

Je ne plaisante pas ici, au fait. Les résultats de recherche réels confirment ces chiffres moche.

Ce que cela signifie en clair, c'est que vous avoir besoin faire très attention à ne pas détruire les résultats de votre site avec quelque chose d'aussi trivial que le temps de chargement.

Tout simplement, si votre site Web ne se charge pas assez rapidement, les visiteurs reviendront à la concurrence presque immédiatement. Et ils ne reviendront probablement jamais. De plus, les moteurs de recherche tels que Google ont également confirmé qu’ils prenaient la vitesse de chargement des pages comme facteur de classement.

Prêt à accélérer votre site WordPress?

1. Choisissez le bon hébergeur

Ceci est n ° 1 sur la liste non sans raison. Avoir votre site web hébergé avec la bonne compagnie est le facteur le plus important contribuant à la vitesse globale de votre site.

Les sociétés d'hébergement ressemblent fondamentalement aux constructeurs automobiles: elles offrent toutes une vitesse et des performances différentes. Par exemple, une étude de cas réalisée chez DB a révélé que la différence dans la seule société d'hébergement peut même représenter un changement de 56% dans vos temps de réponse / chargement.

Alors, voici ce que vous devez faire pour rester du côté de la force:

choisir une société d'hébergement avec une bonne réputation,
choisissez un serveur proche de l'emplacement géographique de votre public cible.

En ce qui concerne l'ancien, je ne suis pas du genre à vous dire quel hôte choisir. Faites votre propre diligence et si votre site reçoit plus de 30 000 visites par mois, il est probablement temps de passer à Dedicated ou à VPS. Je choisirais HostGator ou Siteground.

Une autre chose est l'emplacement du serveur. Si possible, choisissez l'emplacement du serveur le plus proche de votre public cible. Le raisonnement est assez simple: plus le serveur est proche, plus votre site Web peut être livré rapidement.

MON ÉTUDE DE CAS: Je n'ai pas changé d'hôte. Sinon, mon test aurait été trop inexact.

2. Gardez WordPress à jour

Les mises à jour de WordPress sont publiées assez souvent. Les nouvelles versions majeures sont publiées tous les 152 jours en moyenne, mais les mises à jour plus petites apparaissent beaucoup plus souvent (environ tous les 50 jours si je me souviens bien).

En bref, il est crucial que vous mettiez à jour dès qu'une nouvelle version est disponible.

Chaque nouvelle mise à jour s'accompagne de nouvelles améliorations et optimisations, rendant ainsi votre site plus rapide (et plus sûr également).

MON ÉTUDE DE CAS: J'essaie toujours de garder mon WordPress à jour, alors heureusement je n'ai pas eu besoin de faire la mise à jour.

3. Maintenir les plugins mis à jour

La même chose vaut pour vos plugins. Chaque nouvelle mise à jour de plug-in apporte de nouvelles améliorations, sans parler des correctifs de sécurité.

Encore une fois, chaque fois que vous voyez une notification de mise à jour du plugin, agissez en conséquence.

MON ÉTUDE DE CAS: J'avais 3 plugins sur 15 obsolètes, alors je les ai mis à jour.

4. Supprimer les plugins dont vous n'avez pas besoin

Une fois que vous avez terminé la mise à jour des plugins, c'est une bonne idée de reconsidérer la possibilité d'en avoir certains.

Let's face it, chaque plugin n'est pas une nécessité absolue. Vous pouvez probablement vous passer d'une grande partie d'entre eux.

Besoin d'une raison pour le faire? Il s'avère que les plugins représentent souvent plus de 86% du temps de chargement total. Au moins c'est ce qui s'est passé sur l'un de mes sites:

MON ÉTUDE DE CAS: J'ai supprimé 4 plugins qui étaient inactifs.

5. Effectuer des analyses de performance du plugin

D'accord, avec quelques plugins inutiles à l'écart, parlons maintenant des plugins peu performants.

Sous le capot, les plugins sont essentiellement de petits logiciels. Et il se trouve que tous les plugins ne sont pas conçus avec du code optimisé et bien structuré. Certains d'entre eux sont simplement pauvres.

Vous pouvez mesurer les performances de vos plugins avec un autre plugin appelé P3.

La chose à faire est d'analyser votre site régulièrement. Si un plugin commence à ne pas jouer grand-chose, trouvez une alternative plus rapide sur WordPress.org (il y a toujours quelque chose).

MON ÉTUDE DE CAS: J'ai couru le scan et remarqué que le plugin nommé BackWPup était vraiment lourd. Ainsi je l'ai enlevé.

6. Optimiser les tailles de fichier image

Saviez-vous que la plus grande partie de la bande passante de votre site Web est consommée par des images?

Par exemple, les 13 chapitres originaux de The Art of War, lorsqu'ils sont enregistrés en tant que version texte, n'occupent que 63 Ko d'espace disque. Encore une fois, c'est tout l'Art de la guerre.

Vous savez quoi d'autre prend 63KB? Cette image unique ici:

Il y a 3 choses que vous pouvez faire avec vos images

Vous pouvez installer un plugin nommé Imsanity qui redimensionnera les grandes images (dimensions) en cours de téléchargement.
Vous pouvez redimensionner vos images WAY trop grandes en utilisant ce site génial – bulkresizephotos.com
Optimole – Cela peut réduire la taille de vos images de plus de 70%. Ils ont une version gratuite qui sera plus que suffisante pour la plupart des sites
(Recommandé) Utilisez WPRocket qui couvre à peu près tout cela dans ce guide.

MON ÉTUDE DE CAS: Étant donné que ma page d'accueil est destinée aux personnes qui apprennent à créer un blog, je ne pouvais pas résister à moins de 20 images pour décrire l'ensemble du processus.

Malheureusement, cela a rendu ma page d'accueil à 7,2Mo! Mais après avoir suivi les 3 étapes ci-dessus, j’ai réussi à obtenir environ 2,5Mo – loin d’être parfait, mais presque 3 fois plus léger qu’avant.

7. Réduisez la conception de votre page d'accueil

Le minimalisme est le nouveau noir.

Surtout quand il s'agit de pages d'accueil sur des sites WordPress.

Voici le raisonnement:

En gros, plus vous avez d'éléments sur votre page d'accueil, plus vous aurez besoin de temps pour les charger. Et il se trouve que vous n’avez vraiment pas besoin de beaucoup sur votre page d’accueil. Certains des sites les plus populaires sur le Web ont des pages d’accueil très simples.

Exemple par Slack:

Pourquoi? Moins est plus. Moins est plus compréhensible. Moins est plus facile à saisir.

MON ÉTUDE DE CAS: Je n'ai pas minimisé ma page d'accueil. Bien qu'une image puisse dire 1000 mots, je ne peux pas garder mon guide de blogging aussi court.

Des plugins WordPress qui amélioreront vos performances

Je ne suis pas un grand fan de plugins car à mon avis, ils sont vulnérables et ralentissent souvent votre blog, mais certains d'entre eux peuvent vraiment faire des merveilles en termes de vitesse et de performances.

8. Redimensionner les grandes dimensions de l'image

Imsanity: Imsanity redimensionne automatiquement les images téléchargées énormes. Les contributeurs téléchargent-ils d'énormes photos? Fatigué de mettre à l'échelle manuellement? Imsanity à la rescousse!

Paramètres effectués (Paramètres> Imsanity):

Pour obtenir la largeur maximale de votre contenu:
Inspectez votre site Web (clic droit, puis «Inspecter l'élément» – J'utilise chrome), puis recherchez le contenu de votre site et survolez-le, vous verrez la largeur.

Ensuite, faites une image de redimensionnement en vrac sur les paramètres Imsanity:

MON ÉTUDE DE CAS: Comme mentionné précédemment, j'ai utilisé ce plugin.

9. Utiliser un plugin de cache

La mise en cache est un concept compliqué et plutôt ennuyeux. Mais en un mot, il accélère votre site en stockant la dernière version connue du site, puis en le livrant aux visiteurs, au lieu de forcer WordPress à en générer une nouvelle à la volée… plus ou moins.

Fondamentalement, la seule chose que chacun d’entre nous a besoin de savoir sur la mise en cache est que cela fonctionne et qu’il s’agit d’une amélioration impressionnante.

Par exemple, dans une étude de cas sur yuiblog.com, nous pouvons voir que la mise en cache côté navigateur peut réduire les temps de chargement de 2,4 secondes à 0,9 seconde.

Vous voulez des résultats comme ça? Un de ces plugins (mais jamais plus d'un à la fois):

MON CAS ÉTUDE: J'utilise le plugin de mise en cache WPRocket car c'est le plus facile à utiliser et, franchement, c'est le meilleur du secteur. Ce plugin peut VRAIMENT accélérer votre blog. Surtout lorsque vous utilisez un compte d'hébergement partagé. Si vous utilisez l'une des 2 premières options, assurez-vous de consulter les tutoriels manuels, car il est très facile de tout gâcher.

10. Optimiser votre base de données

N'ayez pas peur, cela ne nécessite aucun travail de codage. Optimiser votre base de données est une chose assez simple, et cela peut avoir un impact important sur la vitesse de votre site.

Tout simplement, avec le temps, la base de données utilisée par WordPress pour faire fonctionner votre site Web sera encombrée et désordonnée. Donc, de temps en temps, vous devriez utiliser un plugin comme WP-Optimize pour le nettoyer automatiquement, mais WPRocket le fait aussi.

MON ÉTUDE DE CAS: J'ai optimisé ma base de données car mon site devient assez volumineux avec plus de 300 pages de contenu.

11. Surveillez la sécurité de votre site

Wordfence est un bon plugin qui vous aide à mettre en place la sécurité de base et à garder votre site en bonne santé. Il effectue une série d'analyses et surveille ce qui se passe sur votre site, vous avertissant en cas de problème.

Parfois, votre site ralentit à cause de programmes malveillants ou d’autres choses désagréables. Wordfence vous sauve de ceux-là.

MON ÉTUDE DE CAS: Je n'utilise pas WordFence, mais je n'ai entendu que de bonnes choses à ce sujet. Si vous êtes un peu paranoïaque, n'hésitez pas à installer ce plugin.

12. Images de chargement paresseux

S'en tenir au sujet des images pendant une minute; Une autre chose que vous pouvez faire est de les «charger paresseux». L'idée est de ne montrer les images que lorsque le visiteur fait défiler la page pour les voir. Avec une solution de chargement paresseux, les images ne sont pas chargées avant ce moment précis.

Le meilleur plugin pour y parvenir est à nouveau WPRocket, mais un autre appelé BJ Lazy Load. peut aussi faire le travail.

MON ÉTUDE DE CAS: Je l'ai installé sur WPRocket, et c'est l'un des plus gros changeurs de jeu pour la vitesse du site. Le seul inconvénient est que lorsque le visiteur fait défiler votre site et que l'image s'affiche, celle-ci est chargée à mesure de son arrivée (pas avant). Je trouve qu’il s’agit en réalité d’un problème, en particulier si l’on tient compte du fait que la vitesse de chargement est très importante pour les visiteurs.

13. Déplacer les scripts au pied de page

JavaScript est cette technologie géniale qui vous permet d’avoir des fonctionnalités intéressantes sur votre site, mais elle a aussi son prix. Cela peut principalement ralentir les choses.

Une solution simple consiste donc à déplacer tous les fichiers JavaScript dans le pied de page plutôt que de les placer dans l'en-tête (généralement la configuration par défaut). Faites cela avec un plugin comme Scripts To Footer ou WPRocket.

MON ÉTUDE DE CAS: Mon site ne contient pas beaucoup de JavaScript, mais j'utilise quand même WPRocket pour tirer le maximum de ma vitesse.

14. Régénérer les vignettes

C’est quelque chose qui vaut la peine d’être fait lorsque vous changez de thème. La plupart des thèmes utilisent différentes tailles de vignettes. Si vos vignettes précédentes – pour les images téléchargées dans le passé – ne sont pas optimisées, elles utiliseront plus de bande passante.

Vous pouvez résoudre ce problème avec un plugin appelé Regenerate Thumbnails.

MON ÉTUDE DE CAS: J'ai installé et activé Regenerate Thumbnails. Vous pouvez également supprimer les vignettes que vous n'utilisez pas. Une fois que vous avez fini avec cela, vous pouvez simplement désactiver.

15. Réduire les fichiers JavaScript et CSS

Votre site web WordPress est assez complexe créature. Il consiste en une gamme de fichiers et de lignes de données. Une façon de le rendre plus rapide est de minimiser le nombre de ces fichiers, minimisant ainsi le nombre de demandes que les navigateurs de vos visiteurs doivent faire pour récupérer le site.

La méthode s'appelle minifiant. Vous pouvez l'intégrer soit par (une) en suivant les instructions par Google manuellement (beaucoup de travail), ou par (b) en utilisant un plugin comme Autoptimize ou WPRocket (easy).

MON ÉTUDE DE CAS: Puisque je ne suis pas un gourou de WordPress, je demandais au début à un développeur Web expérimenté de le faire, mais maintenant, je laisse WPRocket s'en charger.

Corrections techniques pour accélérer les sites Web

16. Utiliser un réseau de diffusion de contenu (CDN)

Un CDN est conçu pour récupérer tous les fichiers multimédias statiques présents sur votre site (généralement des images et d’autres téléchargements) et les distribuer sur un réseau de serveurs afin de les diffuser plus rapidement à votre public.

Si vous connectez votre site à un CDN, le chargement de votre site sera beaucoup plus rapide et la consommation de bande passante réduite.

Utilisez Key CDN pour obtenir des résultats optimaux (ils constituent une excellente alternative à Max CDN ou StackpathCDN) ou utilisez un CDN Cloudflare gratuit avec WPRocket.

MON ÉTUDE DE CAS: J'utilise un CDN Cloudflare gratuit via WPRocket pour accélérer mon site. Il était éteint lorsque j'ai exécuté le test de vitesse. Pour les utilisateurs moyens de WordPress – ce n'est pas essentiel. Mais si vous utilisez un site comme Mashable ou HuffingtonPost, c'est probablement un MUST.

17. Activer la compression gzip

Une autre chose que vous pouvez faire pour accélérer votre site consiste à configurer ce que l’on appelle la compression gzip. C'est un processus assez technique, mais il a été bien documenté sur le Web. Vous devriez donc pouvoir le suivre en suivant les étapes.

En bref, la compression gzip consiste à réduire la taille des fichiers de votre site Web afin de les transmettre plus rapidement à vos visiteurs.

MON CAS ÉTUDE: Je ne l'avais pas activé lorsque j'ai fait le test, mais WPRocket peut également le faire.

18. Désactiver les hyperliens

Hotlinking est ce que nous appelons une situation lorsqu'un autre webmaster tente d'afficher une image sur son site en la reliant directement depuis votre site web. Cela met une charge supplémentaire sur votre serveur.

Vous pouvez désactiver complètement le lien en suivant ce guide.

MON ÉTUDE DE CAS: Bien que cela puisse accélérer votre site / blog WordPress – j’ai estimé que l’avantage que je peux tirer de hotlinking ne l’emporte pas sur le problème de la vitesse.

19. Supprimer les curseurs de votre conception

Les curseurs peuvent sembler cool, mais ils ne constituent pas un ajout précieux à votre site à autant de niveaux.

Tout d'abord, ils ne fonctionnent pas comme un outil de conversion / conception / métier.

En outre, ils ont tendance à prendre beaucoup de temps à charger.

La solution la plus simple consiste à supprimer tous les curseurs que vous avez sur votre site et à les remplacer par des images statiques ou par tout autre élément, tel qu'un formulaire d'inscription.

MON ÉTUDE DE CAS: Je déteste absolument les curseurs, donc je n'ai pas besoin de les supprimer.

Corrections facultatives pour accélérer WordPress

20. Connectez-vous à CloudFlare

Comme je l'ai dit, vous pouvez le faire avec WPRocket, ce qui simplifie grandement la configuration.

CloudFlare est magique. Au moins pour moi. Je veux dire, j'ai du mal à comprendre comment une solution aussi simple à configurer que CloudFlare peut avoir un tel impact sur les performances de votre site.

Les gens rapportent des résultats égaux ou supérieurs à -44% après le temps de chargement des pages.

En résumé, CloudFlare est une solution intégrée de CDN, d’optimisation, de sécurité et d’analyse. Il filtre le trafic généré par votre site Web et garantit aux visiteurs réels une expérience plus rapide, tout en maintenant les pirates à l'abri. La configuration dure environ cinq minutes et tout le monde peut le faire (un plan gratuit est disponible).

MON ÉTUDE DE CAS: C’est quelque chose que j’ai mis en place car j’estime que c’est un facteur important pour accélérer votre site.

21. Passer à un thème plus rapide

Ce n'est pas toujours possible, surtout si vous utilisez une conception personnalisée, mais vous devriez au moins y penser.

Certains thèmes WordPress sont beaucoup plus lents que d'autres en raison de divers facteurs. La surabondance de fonctionnalités est généralement à blâmer (plus il y a de fonctionnalités, plus le thème est lent).

L'astuce consiste donc à utiliser un thème de blog WordPress doté de toutes les fonctionnalités dont vous avez absolument besoin, et rien d'autre. Vous pouvez trouver des thèmes gratuits de qualité dans le répertoire officiel, ainsi que des répertoires alternatifs.

MON ÉTUDE DE CAS: J'ai un thème WordPress conçu sur mesure basé sur Genesis (qui a un code assez propre), je n'ai donc pas changé d'hôte. Mais croyez-moi, il existe d'excellents thèmes comme Astra qui sont anormalement rapides.

22. Désactiver les pingbacks et les rétroliens

Pingbacks et rétroliens sont une fonctionnalité assez déroutante de WordPress. Vous pouvez lire à ce sujet sur les pages officielles, mais en gros, c'est le moyen de communication de WordPress entre les autres sites Web WordPress. L'inconvénient est que de nos jours, les pingbacks et les rétroliens sont principalement utilisés pour le spam.

Les désactiver tous ensemble est une solution rapide qui peut accélérer votre site, car le logiciel WordPress n’a plus à les gérer.

Faites ceci en allant sur votre wp-admin: Réglages / Discussionet désélectionnez l'option intitulée «Autoriser les notifications de lien d'autres blogs (pingbacks et rétroliens) sur de nouveaux articles».

MON ÉTUDE DE CAS: Je les ai désactivés. Pourquoi? Vous ne pouvez pas en tirer beaucoup d’avantages, à l’exception du spam.

23. Utiliser des sprites CSS

Normalement, votre code CSS est organisé de manière à extraire un certain nombre d’images individuelles, puis à les servir dans différentes parties de la conception de votre site.

Une solution plus optimisée consiste toutefois à créer une seule grande image dans laquelle toutes les images précédentes sont disposées les unes à côté des autres. Ceci est un sprite CSS. Voici quelques informations supplémentaires sur cette méthode.

24. Désactiver les révisions de publication

Les révisions de publication constituent une fonctionnalité intéressante dans WordPress… pour certaines personnes. Pour d'autres, c'est une chose totalement inutile.

En elles-mêmes, les révisions vous permettent de revenir à n'importe quelle version antérieure d'un message donné. Cela vous donne la possibilité de le restaurer au cas où vous auriez effacé par erreur quelque chose que vous n'aviez pas l'intention d'effacer.

Cependant, si vous restez toujours avec la dernière version de votre contenu et ne revenez pas à rien, les révisions ne vous seront pas d'une grande utilité.

Si c'est le cas, envisagez de les désactiver complètement. Cela peut être fait en éditant le menu principal. wp-config.php fichier de votre installation WordPress. Ajoutez cette ligne quelque part en bas:

define ('WP_POST_REVISIONS', false);

MON ÉTUDE DE CAS: Certains de mes messages ont plus de 200 révisions. Je les ai limités à 5 révisions.

25. Supprimer les images Gravatar

Gravatar est le moyen par défaut de gérer les avatars de commentaires dans WordPress. Une fonctionnalité très intéressante en elle-même, mais elle peut avoir un impact sur la vitesse de votre site si vos messages reçoivent beaucoup de commentaires.

Ceci est simplement le résultat du fait que votre site doit afficher des dizaines d'images d'avatar. Vous pouvez réduire cette charge en désactivant complètement ces images Gravatar.

Manipulez ceci est votre wp-admin: Allez à Réglages / Discussionet décochez la case "Afficher les avatars".

MON ÉTUDE DE CAS: Je pense que les gens sont plus désireux de faire des commentaires quand leur visage est montré. J'essaie néanmoins d'aller de l'avant, mais lors de ce test, je n'ai pas supprimé les images Gravatar.

26. Supprimer les commentaires de spam

Les sites qui génèrent des tonnes de trafic ont tendance à recevoir des tonnes de commentaires de spam. Les commentaires de spam prennent tous de la place non pertinente. J'essaie de les bloquer avec le plugin nommé CleanTalk, mais certains commentaires de spam ne sont pas pris en compte.

MON ÉTUDE DE CAS: 4 500 commentaires de spam en attente d’être supprimés – je les ai jetés dans les toilettes.

27.?

Ai-je oublié une optimisation importante de la vitesse? N'hésitez pas à participer et à partager votre commentaire ci-dessous. Heck, je pourrais même le tester et vous créditer pour le conseil génial

Comment accélérer les sites Web WordPress: Ma conclusion

Personnellement, j'estime que les plugins ci-dessus sont parfaits pour accélérer votre site, mais l'un des facteurs est de ne pas installer trop de plugins. Les avantages d'installer quelques plugins, dans ce cas, sont annulés par les avantages, mais je préfère utiliser WPRocket car il coche également cette case en faisant le travail de nombreux plugins.

Si vous ne voulez pas payer le petit prix pour WPRocket, alors suivre le guide ci-dessus vous aidera certainement. Mais si vous voulez vous simplifier la vie et prendre la vitesse de votre site à des niveaux insensés, je voudrais certainement jeter un coup d'œil à WPRocket.

[ad_2]

26 conseils d'optimisation WordPress (Guide 2019)

Formation gratuite WordPress

Pourquoi devriez-vous quand même accélérer WordPress?